.Login {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

  overflow-y: auto;
  z-index: 202016;
  -webkit-overflow-scrolling: touch;
  background: white;
}

.Login__spinner {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 500;
  top: 50%;
  margin-top: -8px;
  right: 8px;
}

.Login__spinner svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Login__spinner * {
  fill: rgb(183, 218, 245);
}

.Datasets__LoginSublogo {
  margin: 0 auto;
  width: 187px;
}

.Datasets__LoginSublogo > div {
  font-size: 18px;
  color: rgb(0, 58, 82);
  font-weight: 600;
  border-top: 1px solid rgba(0, 73, 100, 0.3);
  padding-top: 2px;
  margin-left: 48px;
  width: 134px;
}

.Login__content {
  width: 600px;
  padding-top: 180px;
  margin: 0 auto;
}

.Login__content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 187px;
  height: 126px;
  margin: 0 auto;
}

.Login__content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 187px;
  height: 126px;
}

.Login__content > ._disclaimer {
  font-size: 12px;
  padding-top: 40px;
}

.Login__content > ._auth {
  height: 140px;
  padding-top: 40px;
  text-align: center;
}

.Login__content > ._auth h2 {
  font-size: 14px;
  color: #b4b2ac;
}

.Login__content > ._auth h2 .positive {
  color: #80cf53;
}

.Login__content > ._auth h2 ._icon--tick {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: -3px;
}

.Login__content > ._auth h2 ._icon--tick svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.Login__content > ._auth h2 ._icon--tick * {
  fill: #80cf53;
}

.Login__content > ._auth h2 ._icon--spinner {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: -3px;
}

.Login__content > ._auth h2 ._icon--spinner svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.Login__content > ._auth h2 ._icon--spinner * {
  fill: #b4b2ac;
}

.Login__content > ._auth a {
  display: inline-block;
  margin: 0 auto;
  margin-top: 10px;
  background: none;
  border: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 14px;
}

.Login__content > ._auth a:hover {
  background: rgb(183, 218, 245);
}

.Login__content > ._auth a:active {
  border-color: rgb(0, 103, 184);
}

.Login__content button {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  background: none;
  border: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 14px;
}

.Login__content button:hover {
  background: rgb(183, 218, 245);
}

.Login__content button:active {
  border-color: rgb(0, 103, 184);
}


.Banner {
  position: absolute;
  z-index: 9001;
  height: 31px;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgb(0, 103, 184);
}

.Banner >._innerContainer {
  position: relative;
  z-index: 1;
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin:0 auto;
}

.Banner__menu {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  right: 10px;
  top: 0;
  position: absolute;
  color: white;
  font-size: 14px;
}

.Banner__menu >._divider {
  display: block;
  width: 1px;
  height: 12px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 9px;
  border-left: 1px solid rgba(255, 255, 255, 0.7);
}

.Banner__backBtn {
  display: block;
  padding: 5px;
  padding-top: 5px;
  border: none;
  background: none;
  color: white;
  left: 18px;
  padding-left: 10px;
}

.Banner__backBtn >._content {
  max-width: 140px;
  display: flex;
}

.Banner__backBtn >._content >._icon {
  margin-top: 1px;
}

.Banner__backBtn >._content >._icon * {
  fill: white;
}

.Banner__backBtn >._content >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
}

.Banner__backBtn >._content >._text {
  display: block;
  margin-top: 0;
}

.Banner__backBtn >._content >._icon {
  margin-top: 4px;
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
}

.Banner__backBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.Banner__webBtn {
  display: block;
  padding: 5px;
  padding-top: 5px;
  border: none;
  background: none;
  color: white;
}

.Banner__webBtn >._content {
  max-width: 140px;
  display: flex;
}

.Banner__webBtn >._content >._icon {
  margin-top: 1px;
}

.Banner__webBtn >._content >._icon * {
  fill: white;
}

.Banner__webBtn >._content >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
}

.Banner__webBtn >._content >._icon {
  margin-top: 3px;
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.Banner__webBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Banner__helpBtn {
  display: block;
  padding: 5px;
  padding-top: 5px;
  border: none;
  background: none;
  color: white;
}

.Banner__helpBtn >._content {
  max-width: 140px;
  display: flex;
}

.Banner__helpBtn >._content >._icon {
  margin-top: 1px;
}

.Banner__helpBtn >._content >._icon * {
  fill: white;
}

.Banner__helpBtn >._content >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
}

.Banner__helpBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.Banner__helpBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Banner__feedbackBtn {
  display: block;
  padding: 5px;
  padding-top: 5px;
  border: none;
  background: none;
  color: white;
}

.Banner__feedbackBtn >._content {
  max-width: 140px;
  display: flex;
}

.Banner__feedbackBtn >._content >._icon {
  margin-top: 1px;
}

.Banner__feedbackBtn >._content >._icon * {
  fill: white;
}

.Banner__feedbackBtn >._content >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
}

.Banner__feedbackBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.Banner__feedbackBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Banner__userBtn {
  display: block;
  padding: 5px;
  padding-top: 5px;
  border: none;
  background: none;
  color: white;
}

.Banner__userBtn >._content {
  max-width: 140px;
  display: flex;
}

.Banner__userBtn >._content >._icon {
  margin-top: 1px;
}

.Banner__userBtn >._content >._icon * {
  fill: white;
}

.Banner__userBtn >._content >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
}

.Banner__userBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.Banner__userBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Banner__supportBtn {
  display: block;
  padding: 5px;
  padding-top: 5px;
  border: none;
  background: none;
  color: white;
  display: block;
  font-size: 12px;
  font-weight: 700;
  padding-top: 6px;
  right: 125px;
}

.Banner__supportBtn >._content {
  max-width: 140px;
  display: flex;
}

.Banner__supportBtn >._content >._icon {
  margin-top: 1px;
}

.Banner__supportBtn >._content >._icon * {
  fill: white;
}

.Banner__supportBtn >._content >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
}

.Banner__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  cursor: pointer;
  max-width: 380px;
  margin-top: -24px;
  margin-left: 235px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 700;
  color: white;
}

.Banner__title >._text {
  position: relative;
}

.Banner__title >._text >._asterisk {
  position: absolute;
  right: -10px;
}

.Banner__title >._text >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 1px;
  left: -16px;
}

.Banner__title >._text >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.Banner__title >._text >._icon * {
  fill: white;
}








.UserSettingsPortal {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(0,0,0,0.5);
  -webkit-overflow-scrolling: touch;
  background-color: rgba(255, 255, 255, 0.9);
}








.UserSettingsPortal >._content {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.CreateForm.is-waiting {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 1.0;
}
.CreateForm >._title {
    font-size: 18px;
    border-bottom: 1px solid #F8F7F7;
    margin-bottom: 20px;
}
.CreateForm >._field {
    display: block;
    margin-bottom: 20px;
    width: 300px;
}
.CreateForm >._field.is-description {
    width: 400px;
}
.CreateForm >._field >._label {
    font-size: 12px;
    display: flex;
    align-items: center;
    cursor:pointer;
    color: #b4b2ac;
    padding-bottom: 4px;
}
.CreateForm >._field >._input {
    color: rgb(0, 103, 184);
    font-weight: 300;
    border: 1px solid rgb(183, 218, 245);
    border-radius: 4px;
    padding: 10px 12px;
    width: 100%;
    resize: none;
}
.CreateForm >._field >._input:focus {
    outline: none;
    border: 1px solid rgb(0, 103, 184);
}
.CreateForm >._field >._select {
    background: none;
    border: 1px solid rgb(183, 218, 245);
    width: 100px;
}
.CreateForm >._field >._select:focus {
    outline: none;
    border: 1px solid rgb(0, 103, 184);
}
.CreateForm >._submitBtn {
    color: white;
    font-weight: 300;
    border: none;
    border-radius: 4px;
    padding: 10px 12px;
    margin-top: 20px;
    background-color: rgb(0, 103, 184);
}
.CreateForm >._uploadBtn {
    color: #93918c;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #b4b2ac;
    border-radius: 4px;
    padding: 10px 12px;
    margin-top: 20px;
    background-color: #F8F7F7;
}
.CreateForm >._uploadBtn >._title {
    font-size: inherit;
    padding-bottom: 5px;
    font-weight: 700;
}


.RequestModal {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(0,0,0,0.5);
  -webkit-overflow-scrolling: touch;
  background-color: rgba(55, 56, 58, 0.4);
}

.RequestModal >._container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.RequestModal >._container >._modalBox {
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.RequestModal >._container >._modalBox >._closeBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  background: none;
  border: none;
}

.RequestModal >._container >._modalBox >._closeBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.RequestModal >._container >._modalBox >._closeBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.RequestModal >._container >._modalBox >._closeBtn >._icon * {
  fill: #b4b2ac;
}

.RequestModal__content {
  position: relative;
  padding: 40px 20px;
  background: white;
  border-radius: 5px;
  width: 400px;
  text-align: center;

}

.RequestModal__title {
  display: inline-block;
  font-size: 21px;
  font-weight: 300;
  border-bottom: 1px solid #F8F7F7;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.RequestModal__text {
  font-size: 14px;
  width: 290px;
  margin: 0 auto;
}

.RequestModal__actions {

  display: flex;
  justify-content: center;
  padding: 10px;
  padding-top: 30px;
}

.RequestModal__actions >._btn {
  padding: 6px 8px;
  border: 1px solid #93918c;
  font-size: 13px;
  background: none;
  color: #93918c;
  margin: 0 10px;
  border-radius: 2px;
}
.GenericCloseBtn {

  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  padding: 6px 8px;
  padding-bottom: 7px;
  background: none;
  border-radius: 3px;
  border: 1px solid rgba(180, 178, 172, 0);
}
.GenericCloseBtn >._content {

  display: flex;

  justify-content: flex-end;
}
.GenericCloseBtn >._content >._icon {

  position: relative;

  z-index: 1;

  display: block;

  width: 9px;

  height: 9px;

  margin-top: 6px;

  margin-right: 4px;
}
.GenericCloseBtn >._content >._icon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 9px;

  height: 9px;
}
.GenericCloseBtn >._content >._icon * {

  fill: rgba(180, 178, 172, 0.3);
}
.GenericCloseBtn >._content >._text {

  display: block;

  color: #b4b2ac;

  font-weight: 700;

  font-size: 13px;
}
.GenericCloseBtn:hover {

  border: 1px solid rgba(180, 178, 172, 0.1);
}
.GenericCloseBtn:active {

  border: 1px solid rgba(180, 178, 172, 0.2);
}
.GenericCloseBtn:active >._content >._icon * {

  fill: rgba(180, 178, 172, 0.4);
}
.GenericCloseBtn:active >._content >._text {

  color: rgba(0, 0, 0, 0.4);
}


.RequestModal {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(0,0,0,0.5);
  -webkit-overflow-scrolling: touch;
  background-color: rgba(55, 56, 58, 0.4);
}

.RequestModal >._container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.RequestModal >._container >._modalBox {
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.RequestModal >._container >._modalBox >._closeBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  background: none;
  border: none;
}

.RequestModal >._container >._modalBox >._closeBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.RequestModal >._container >._modalBox >._closeBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.RequestModal >._container >._modalBox >._closeBtn >._icon * {
  fill: #b4b2ac;
}

.RequestModal__content {
  position: relative;
  padding: 40px 20px;
  background: white;
  border-radius: 5px;
  width: 400px;
  text-align: center;

}

.RequestModal__title {
  display: inline-block;
  font-size: 21px;
  font-weight: 300;
  border-bottom: 1px solid #F8F7F7;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.RequestModal__text {
  font-size: 14px;
  width: 290px;
  margin: 0 auto;
}

.RequestModal__actions {

  display: flex;
  justify-content: center;
  padding: 10px;
  padding-top: 30px;
}

.RequestModal__actions >._btn {
  padding: 6px 8px;
  border: 1px solid #93918c;
  font-size: 13px;
  background: none;
  color: #93918c;
  margin: 0 10px;
  border-radius: 2px;
}


.RequestModal__datasetList {
  padding-top: 20px;
}


.RequestModal__datasetList >._item {
  font-size: 12px;
  padding-bottom: 10px;
}
.GenericHelpBtn {

  display: block;
  display: flex;
  justify-content: flex-end;
  background: none;
  border-radius: 3px;
  border: 1px solid rgba(180, 178, 172, 0);

}
.GenericHelpBtn >._icon {

  position: relative;

  z-index: 1;

  display: block;

  width: 18px;

  height: 18px;

  margin-right: 4px;

}
.GenericHelpBtn >._icon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 18px;

  height: 18px;

}
.GenericHelpBtn >._icon * {

  fill: #b4b2ac;

}
.GenericHelpBtn:hover >._icon *, .GenericHelpBtn:active >._icon * {

  fill: rgba(0, 103, 184, 0.8);

}
.HelpModal__text {
	max-width: 540px;
	margin: 20px 15px;
  font-size: 14px;
  padding: 20px;
}
.HelpModal__text p {
	margin-bottom: 10px;
}
.HelpText__content h2 {
    font-size: 18px;
    padding-bottom: 20px;
}
.HelpText__content p {
    font-size: 14px;
    padding-bottom: 14px;
}
.HelpText__content a:hover {
    text-decoration: underline;
}
.HelpText__content table {
    line-height: 1.2;
}
.HelpText__content table thead {
    border-bottom: 1px solid #F8F7F7;
}
.HelpText__content table thead th {
    padding-bottom: 10px;
}
.HelpText__content table td, .HelpText__content table th {
    font-size: 13px;
    padding: 2px;
}
.HelpText__content table td:first-child, .HelpText__content table th:first-child {
    text-align: left;
    min-width: 100px;
}
.HelpText__content table tbody tr:first-child td {
    padding-top: 10px;
}
.HelpText__content table tbody tr td {
    padding-bottom: 10px;
}

.ModalBoxTemplate {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(55, 56, 58, 0.7);
  -webkit-overflow-scrolling: touch;
}
.ModalBoxTemplate >._container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.ModalBoxTemplate >._container >._content {
  position: relative;
  background-color: white;
  border-radius: 5px;
  padding: 40px;
  margin-left: 20px;
  margin-right: 20px;
}
.AlertModal >._title {
    font-size: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F8F7F7;
    margin-bottom: 12px;
}
.AlertModal >._text {
    font-size: 14px;
    padding-bottom: 20px;
}
.AlertModal >._buttons {
    display: flex;
    justify-content: space-between;
    width: 300px;
}
.AlertModal >._buttons >._saveBtn {
    border: 1px solid rgb(0, 103, 184);
    background: white;
    font-size: 14px;
    border-radius: 3px;
    color: rgb(0, 103, 184);
    padding: 6px 8px;
}
.AlertModal >._buttons >._copyBtn {
    border: 1px solid rgba(0, 103, 184, 0.4);
    background: white;
    font-size: 14px;
    border-radius: 3px;
    color: rgba(0, 103, 184, 0.4);
    padding: 6px 8px;
}
.AlertModal >._buttons >._discardBtn {
    border: 1px solid #F6A83D;
    background: white;
    font-size: 14px;
    border-radius: 3px;
    color: #F6A83D;
    padding: 6px 8px;
}
.root__UserSettings__3tZD9 {
  padding-bottom: 40px;
  background-color: rgba(0, 103, 184, 0.5);
  min-height: 100%;
  position: relative;
}

.background__UserSettings__T9I0l {
  user-select: none;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.container__UserSettings__EK8Ty {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 60px 20px;
}

.mainCol__UserSettings__1BFl4 {
  position: relative;
  padding-top: 20px;
}

.heading__UserSettings__7Zruo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 10px;
  padding-bottom: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.title__UserSettings__2IBTU {
  line-height: 1;
  font-size: 32px;
  color: white;
}

.subtitle__UserSettings__3pL1f {
  font-size: 14px;
  color: white;
  font-weight: 700;
  padding-bottom: 10px;
}

.logout__UserSettings__2pxnG {
  display: flex;
  align-items: center;
}

.logoutError__UserSettings__20wca {
  color: white;
  font-size: 14px;
  padding-right: 10px;
}

.logout_button__UserSettings__S1Pow {
  background: white;
  display: block;
  height: 30px;
  border: 1px solid rgba(0, 103, 184, 0.4);
  border-radius: 4px;
  font-size: 12px;
  color: rgba(0, 103, 184, 0.8);
  padding: 5px 8px;
  font-weight: 700;
}

.logout_button__UserSettings__S1Pow:hover {
  border: 1px solid rgba(0, 103, 184, 0.7);
  color: rgb(0, 103, 184);
}

.notesCol__UserSettings__kmk1H {
  width: 500px;
  padding-top: 40px;
}


.notesContent__UserSettings__2KLy9 {
  background-color: white;
  border-radius: 10px;
  padding: 20px;
}
.root__xch-GenericCloseBtn__2PO_l {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  padding: 4px 8px;
  padding-bottom: 5px;
  background: none;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0);
}

.root__xch-GenericCloseBtn__2PO_l:hover {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.root__xch-GenericCloseBtn__2PO_l:focus {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.root__xch-GenericCloseBtn__2PO_l:active {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.root__xch-GenericCloseBtn__2PO_l:active .icon__xch-GenericCloseBtn__31g_1 path {
  fill: white;
}

.root__xch-GenericCloseBtn__2PO_l:active .text__xch-GenericCloseBtn__UnDoa {
  color: white;
}

.content__xch-GenericCloseBtn__qTEOJ {
  display: flex;
  justify-content: flex-end;
}

.icon__xch-GenericCloseBtn__31g_1 {
  position: relative;
  z-index: 1;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: 6px;
  margin-right: 4px;
}

.icon__xch-GenericCloseBtn__31g_1 svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
}

.icon__xch-GenericCloseBtn__31g_1 path {
  fill: rgba(255, 255, 255, 0.7);
}

.text__xch-GenericCloseBtn__UnDoa {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  font-size: 13px;
}
.icon__xch-Icon__37X2R {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
}
.icon__xch-Icon__37X2R svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}
.preview__NotesEditor__WyUgq {
  font-size: 14px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-top: 1px solid rgba(183, 218, 245, 0.2);
  border-bottom: 1px solid rgba(183, 218, 245, 0.2);
  height: 343px;
  overflow-y: auto;
}

.preview__NotesEditor__WyUgq p {
  font-size: inherit;
  padding-bottom: 21px;
}

.preview__NotesEditor__WyUgq ul, .preview__NotesEditor__WyUgq ol {
  font-size: inherit;
  padding-bottom: 21px;
  margin-left: 20px;
}

.preview__NotesEditor__WyUgq ul li, .preview__NotesEditor__WyUgq ol li {
  font-size: inherit;
}

.preview__NotesEditor__WyUgq h1, .preview__NotesEditor__WyUgq h2, .preview__NotesEditor__WyUgq h3, .preview__NotesEditor__WyUgq h4, .preview__NotesEditor__WyUgq h5, .preview__NotesEditor__WyUgq h6 {
  font-size: inherit;
  font-weight: 700;
  padding-bottom: 21px;
}

.controls__NotesEditor__1SxdL {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.saveButton__NotesEditor__3SSUX {
  margin-left: 20px;
}

.InputTextArea__xch-TextArea__3BGF0 {
  font-size: 14px;
}

._input__xch-TextArea__32F_f {
  font-size: inherit;
  width: 100%;
  resize: vertical;
  padding: 10px;
  border: 1px solid rgb(183, 218, 245);
  border-radius: 2px;
  height: auto;
}

._input__xch-TextArea__32F_f:focus {
  outline: none;
  border: 1px solid rgb(0, 103, 184);
}

._icon__xch-TextArea__1Abvu {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 500;
  top: 50%;
  margin-top: -8px;
  right: 8px;
}

._icon__xch-TextArea__1Abvu svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

._icon__xch-TextArea__1Abvu * {
  fill: rgb(183, 218, 245);
}
.root__IconButton__1lf91 {
  font-size: 14px;
  position: relative;
  opacity: 1.0;
  border: 1px solid rgba(180, 178, 172, 0.5);
  border-radius: 4px;
  background: none;
  color: #b4b2ac;
}

.root__IconButton__1lf91:hover {
  color: rgb(144, 142, 138);
}

.root__IconButton__1lf91:active {
  color: rgb(108, 107, 103);
}

.root__IconButton__1lf91:focus {
  border: 1px solid #b4b2ac;
  outline: none;
}

.content__IconButton__3bAJ0 {
  display: flex;
}

.icon__IconButton__3fRpQ {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  margin-right: 2px;
}

.icon__IconButton__3fRpQ svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}

.icon__IconButton__3fRpQ * {
  fill: #b4b2ac;
}


.DetailModal >._background {

  user-select: none;

  cursor: pointer;

  position: fixed;

  z-index: 9100;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;
}

.DetailModal__content {

  width: 600px;
  position: absolute;
  z-index: 9101;

  left: 50%;
  margin-left: -300px;
  top: 45px;

  padding: 40px;

  border-radius: 7px;
  background-color: white;
}

.DetailModal__content >._name {

  font-size: 18px;

  font-weight: 300;

  padding-right: 120px;

  line-height: 1.4;

  border-bottom: 1px solid #F8F7F7;

  padding-bottom: 10px;

  margin-bottom: 10px;
}

.DetailModal__content >._details {

  display: flex;

  border-bottom: 1px solid #F8F7F7;

  padding-bottom: 6px;

  margin-bottom: 20px;
}

.DetailModal__content >._details span {

  display: block;

  font-size: 12px;

  color: #b4b2ac;

  padding-right: 40px;
}

.DetailModal__content >._archiveBtn {

  border: 1px solid;

  background: none;

  border-radius: 4px;

  padding: 6px 12px;

  margin-right: 40px;

  font-size: 14px;

  border-color: rgba(212, 71, 15, 0.4);

  color: rgba(212, 71, 15, 0.4);
}

.DetailModal__content >._copyBtn {

  border: 1px solid;

  background: none;

  border-radius: 4px;

  padding: 6px 12px;

  margin-right: 40px;

  font-size: 14px;

  border-color: rgb(0, 103, 184);

  color: rgb(0, 103, 184);
}

.DetailModal__content >._arrow {

  position: absolute;

  z-index: 1;

  top: -12px;

  left: 26px;
}

.DetailModal__content >._arrow ._icon {

  position: relative;

  z-index: 1;

  display: block;

  width: 16px;

  height: 16px;
}

.DetailModal__content >._arrow ._icon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 16px;

  height: 16px;
}

.DetailModal__content >._arrow ._icon * {

  fill: white;
}
.DatasetDetail {
  padding: 20px;
}

.DatasetDetail__sbc {
  border-radius: 4px;
  display: inline-block;
  background: #ffda75;
  color: #897336;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 5px;
  transform: translateY(-5px);
}

.DatasetDetail__editToggle {
  position: absolute;
  left: -90px;
  top: 42px;
}

.DatasetDetail__editToggle > ._btn {
  background: white;
  width: 90px;
  box-shadow: inset -5px 0px 7px -3px rgba(50, 50, 50, 0.3);
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 7px 8px;
  padding-top: 8px;
  opacity: 0.9;
}

.DatasetDetail__editToggle > ._btn > ._content {
  display: flex;
  justify-content: center;
}

.DatasetDetail__editToggle > ._btn > ._content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-right: 4px;
}

.DatasetDetail__editToggle > ._btn > ._content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.DatasetDetail__editToggle > ._btn > ._content > ._icon * {
  fill: rgb(0, 103, 184);
}

.DatasetDetail__editToggle > ._btn > ._content > ._text {
  font-size: 16px;
  font-weight: 700;
  color: rgb(0, 103, 184);
}

.DatasetDetail__editToggle > ._btn:hover {
  opacity: 1;
}

.DatasetDetail__editToggle > ._btn:hover > ._content > ._icon * {
  fill: rgb(0, 103, 184);
}

.DatasetDetail__editToggle > ._btn:hover > ._content > ._text {
  color: rgb(0, 103, 184);
}

.DatasetDetail__Name {
  font-size: 24px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
}

.DatasetDetail__rowGroup {
  margin-top: 5px;
  border-top: 1px solid #b4b2ac;
  padding-top: 6px;

  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.7);

  padding-bottom: 5px;
  border-bottom: 1px solid #b4b2ac;
  margin-bottom: 15px;
}

.DatasetDetail__Actual > ._display {
  display: flex;
}

.DatasetDetail__Actual ._icon {
  margin-top: 2px;
  margin-right: 6px;
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
}

.DatasetDetail__Actual ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.DatasetDetail__Actual ._icon #tick {
  fill: rgba(0, 103, 184, 0.5);
}

.DatasetDetail__Actual ._icon #close {
  fill: #b4b2ac;
}

.DatasetDetail__Description {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.DatasetDetail__NotesBtn {
  display: inline-block;
  text-decoration: underline;
  font-style: italic;
  color: rgb(0, 103, 184);
  border: none;
  background: none;
  padding: 0;
  margin-left: 4px;
}

.DatasetDetail__NotesContent {
  font-size: 14px;
  padding: 20px;
  padding-bottom: 0;
  width: 500px;
}

.DatasetDetail__NotesContent p {
  font-size: inherit;
  padding-bottom: 21px;
}

.DatasetDetail__NotesContent ul, .DatasetDetail__NotesContent ol {
  font-size: inherit;
  padding-bottom: 21px;
  margin-left: 20px;
}

.DatasetDetail__NotesContent ul li, .DatasetDetail__NotesContent ol li {
  font-size: inherit;
}

.DatasetDetail__NotesContent h1, .DatasetDetail__NotesContent h2, .DatasetDetail__NotesContent h3, .DatasetDetail__NotesContent h4, .DatasetDetail__NotesContent h5, .DatasetDetail__NotesContent h6 {
  font-size: inherit;
  font-weight: 700;
  padding-bottom: 21px;
}

.DatasetDetail__editForm {
  padding: 40px;
  padding-top: 40px;
  width: 500px;
}

.DatasetDetail__fieldRow {
  display: flex;
  justify-content: space-between;
}

.DatasetDetail__fieldRow > .DatasetDetail__field {
  width: 120px;
}

.DatasetDetail__field {
  padding-bottom: 20px;
}

.DatasetDetail__field.is-switch {
  padding-top: 28px;
}

.DatasetDetail__field > ._label {
  display: flex;
  align-items: center;
  font-size: 13px;
  padding-bottom: 4px;
}

.DatasetDetail__field ._farmId {
  display: block;
  font-size: 14px;
  padding-top: 7px;
  color: rgb(0, 103, 184);
}

.DatasetDetail__submitBtn {
  margin-top: 10px;
  padding: 8px 10px;
  background: none;
  color: rgb(0, 103, 184);
  font-weight: 700;
  border: 1px solid rgb(0, 103, 184);
  border-radius: 4px;
}
.InputText input {
    color: rgb(0, 103, 184);
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    border: 1px solid rgb(183, 218, 245);
    padding: 10px;
    border-radius: 2px;
    height: auto;
    font-weight: 300;
}
.SelectInput {
  position: relative;
}

.SelectInput >._clearErrorBtn {
  opacity: 0.5;
  background: none;
  border: none;
  padding: 4px;
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -11px;
}

.SelectInput >._clearErrorBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.SelectInput >._clearErrorBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.SelectInput >._clearErrorBtn >._icon * {
  fill: #b4b2ac;
}

.SelectInput__label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 300;
}

.SelectInput__dropdown {
  position: relative;
  max-width: 310px;
}

.SelectInput__dropdown ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: 13px;
  pointer-events: none;
}

.SelectInput__dropdown ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.SelectInput__dropdown ._icon * {
  fill: rgb(183, 218, 245);
}

// Silly fix for Mozilla-appearance
  .SelectInput__dropdown:after {
  content: "";
  display: block;
  width: 20px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: white;
  position: absolute;
  pointer-events: none;
}

.SelectInput__dropdown.is-error ._icon * {
  fill: rgb(212, 71, 15);
}

.SelectInput__field {
  line-height: 1.2;
  background: white;
  border: 1px solid rgb(183, 218, 245);
  border-radius: 2px;
  color: rgb(0, 103, 184);
  cursor: pointer;

  font-size: 14px;
  font-weight: 300;
  padding: 8px;
  padding-right: 19px;
  padding-bottom: 7px;
  width: 100%;
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.SelectInput__field.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.SelectInput__field:focus {
  outline: none;
  border-color: rgb(0, 103, 184);
}

.SelectInput__field.is-error {
  color: rgb(212, 71, 15);
  border-color: rgb(212, 71, 15);
}

.SelectInput__field.is-error:focus {
  border-color: rgb(212, 71, 15);
}

.InputTextArea {

  font-size: 14px;
  font-weight: 300;
}
.InputTextArea >._input {

  color: rgb(0, 103, 184);

  font-size: inherit;

  width: 100%;

  resize: vertical;

  padding: 10px;

  border: 1px solid rgb(183, 218, 245);

  border-radius: 2px;

  height: auto;
}
.InputTextArea >._input:focus {

  outline: none;

  border: 1px solid rgb(0, 103, 184);
}
.InputTextArea >._icon {

  position: relative;

  z-index: 1;

  display: block;

  width: 14px;

  height: 14px;

  position: absolute;

  z-index: 500;

  top: 50%;

  margin-top: -8px;

  right: 8px;
}
.InputTextArea >._icon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 14px;

  height: 14px;
}
.InputTextArea >._icon * {

  fill: rgb(183, 218, 245);
}
.root__Notes__3g7al {
  width: 500px;
}

.title__Notes__2i_Mg {
  font-size: 14px;
  padding-bottom: 40px;
  color: #b4b2ac;
}

.DatasetList__item__DatasetItem__1Qrpw {
  overflow: hidden;
  position: relative;
  list-style: none;
  border-bottom: 1px solid #F8F7F7;
  border-radius: 3px;
  font-size: 14px;
  margin: 0;
}

.DatasetList__item__DatasetItem__1Qrpw >._button__DatasetItem__TUapl {
  border: none;
  color: #93918c;
  background: transparent;
  text-align: left;
  width: 100%;
  padding: 12px 0;
}

.DatasetList__item__DatasetItem__1Qrpw >._button__DatasetItem__TUapl:focus {
  background: none;
  outline: 0;
}

.DatasetList__item__DatasetItem__1Qrpw >._button__DatasetItem__TUapl >._content__DatasetItem__27Nh_ {
  display: flex;
  align-items: center;
}

.DatasetList__item__DatasetItem__1Qrpw:hover {
  background-color: #F8F7F7;
}

.DatasetList__item__DatasetItem__1Qrpw.is-selected__DatasetItem__230v1 {
  background: rgba(0, 103, 184, 0.2);
}

.DatasetList__item__DatasetItem__1Qrpw.is-selected__DatasetItem__230v1 >._button__DatasetItem__TUapl {
  color: rgb(0, 103, 184);
}

.DatasetList__item__DatasetItem__1Qrpw.is-selected__DatasetItem__230v1:hover {
  border: 1px solid rgb(0, 103, 184);
}

.name__DatasetItem__m2hFr {
  font-weight: bold;
  color: rgb(132, 131, 126);
}

.DatasetList__tagSwatch__DatasetItem__2RTrN {
  display: inline-block;
  margin: 2px;
  width: 4px;
  height: 4px;
}

.DatasetList__column__DatasetItem__loguw {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  padding: 0 10px;
  text-align: center;
  font-weight: 400;
  display: flex;
  justify-content: center;
}

.DatasetList__column__DatasetItem__loguw >._owner__DatasetItem__hAaZd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left;
  justify-content: flex-start;
}

.DatasetList__column__DatasetItem__loguw ._icon__DatasetItem__2BCeH {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-top: 3px;
}

.DatasetList__column__DatasetItem__loguw ._icon__DatasetItem__2BCeH svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.DatasetList__column__DatasetItem__loguw ._icon__DatasetItem__2BCeH #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.DatasetList__column__DatasetItem__loguw ._icon__DatasetItem__2BCeH #close {
  fill: rgba(0, 0, 0, 0.2);
}

.DatasetList__column__DatasetItem__loguw ._icon__DatasetItem__2BCeH #edit {
  fill: #80cf53;
}

.DatasetList__column__DatasetItem__loguw ._icon__DatasetItem__2BCeH #error {
  fill: rgba(212, 71, 15, 0.4);
}

.DatasetList__column__DatasetItem__loguw ._titleLink__DatasetItem__2kdh8:hover {
  color: rgb(0, 103, 184);
  text-decoration: underline;
}

.DatasetList__column__DatasetItem__loguw:first-child {
  width: 460px;
  text-align: left;
  justify-content: flex-start;
}

.DatasetList__column__DatasetItem__loguw.is-ordered-by__DatasetItem__13a1n {
  font-weight: bold;
  position: relative;
}

.DatasetList__column__DatasetItem__loguw.is-ordered-by__DatasetItem__13a1n:after {
  content: "\25BF";
  font-size: 10px;
  color: #999;
  position: absolute;
  top: 3px;
  right: 0;
}

.DatasetList__column__DatasetItem__loguw.is-ordered-by__DatasetItem__13a1n.is-reversed__DatasetItem__3lNj6:after {
  transform: rotate(180deg);
}

.pendingText__DatasetItem__2y9AA {
  color: rgba(0, 103, 184, 0.5);
  font-size: 13px;
}

.InputSwitchbox {
  zoom: 1;
  user-select: none;
}
.InputSwitchbox:before, .InputSwitchbox:after {
  content: "";
  display: table;
}
.InputSwitchbox:after {
  clear: both;
}
.InputSwitchbox >._box {
  position: relative;
  cursor: pointer;
  z-index: 1;
  float: left;
  display: block;
  margin-right: 8px;
  margin-top: 5px;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  opacity: 0.3;
  border: 1px solid rgb(0, 103, 184);
}
.InputSwitchbox >._box >._check {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: rgb(0, 103, 184);
}
.InputSwitchbox >._box.is-checked {
  opacity: 0.7;
}
.InputSwitchbox >._box.is-checked >._check {
  display: block;
}
.InputSwitchbox >._box.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.InputSwitchbox >._title {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  font-size: 12px;
  color: rgb(0, 103, 184);
}
.InputSwitchbox.is-error >._title {
  color: rgb(212, 71, 15);
}
.InputSwitchbox.is-error >._box {
  border: 1px solid rgb(212, 71, 15);
}
.InputSwitchbox.is-error >._box >._check {
  background: rgb(212, 71, 15);
}
.DescriptionLabel {
  user-select: none;
  position: relative;
  display: inline-block;
}

.DescriptionLabel.has-description {
  cursor: pointer;
}

.DescriptionLabel.has-description:hover >._title {
  color: rgb(0, 103, 184);
}

.DescriptionLabel__text {
  font-size: 14px;
  color: white;
  font-weight: 400;
  line-height: 1.4;
}
.Popup {
  user-select: none;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 4;
}
.Popup >._content {
  user-select: none;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 4;
}
.Popup ._popup {
  position: absolute;
  z-index: 1;
  width: 300px;
  margin-left: -150px;
  padding: 20px 20px;
  border-radius: 4px;
  background-color: rgb(65, 66, 68);
  transform: translateY(-80%) scale(0.7);
}
.Popup ._popup >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -10px;
}
.Popup ._popup >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}
.Popup ._popup >._icon * {
  fill: rgb(65, 66, 68);
}
.root__DoubleCheckbox__3_Uqx {

}

.spinner__DoubleCheckbox__21aC8 {
  width: 20px;
  height: 20px;
}
.root__xch-Spinner__1TAbE {
  position: relative;
  width: 20px;
  height: 20px;
  animation: rotateSpinner__xch-Spinner__2Sujl 1.2s infinite linear;
}

@keyframes rotateSpinner__xch-Spinner__2Sujl {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

.icon__xch-Spinner__DALSl {
  position: absolute;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -9px;
}

.icon__xch-Spinner__DALSl svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.icon__xch-Spinner__DALSl path {
  fill: rgb(0, 103, 184);
}

.InputSwitchbox__CheckBox__3nnHR {
  zoom: 1;
  user-select: none;
}

.InputSwitchbox__CheckBox__3nnHR:before, .InputSwitchbox__CheckBox__3nnHR:after {
  content: "";
  display: table;
}

.InputSwitchbox__CheckBox__3nnHR:after {
  clear: both;
}

.InputSwitchbox__CheckBox__3nnHR >._box__CheckBox__3QaqG {
  position: relative;
  cursor: pointer;
  z-index: 1;
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  opacity: 0.3;
  border: 1px solid rgb(0, 103, 184);
}

.InputSwitchbox__CheckBox__3nnHR >._box__CheckBox__3QaqG >._check__CheckBox__271_- {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  border-radius: 2px;
  background: rgb(0, 103, 184);
}

.InputSwitchbox__CheckBox__3nnHR >._box__CheckBox__3QaqG.is-checked__CheckBox__1Xr-a {
  opacity: 0.7;
  border-color: rgb(0, 103, 184);
}

.InputSwitchbox__CheckBox__3nnHR >._box__CheckBox__3QaqG.is-checked__CheckBox__1Xr-a >._check__CheckBox__271_- {
  display: block;
}

.InputSwitchbox__CheckBox__3nnHR >._box__CheckBox__3QaqG.is-pending__CheckBox__1iTD1 {
  opacity: 0.7;
  border-color: rgba(0, 103, 184, 0.4);
}

.InputSwitchbox__CheckBox__3nnHR >._box__CheckBox__3QaqG.is-disabled__CheckBox__30n5M {
  cursor: not-allowed;
  opacity: 0.6;
}

.InputSwitchbox__CheckBox__3nnHR >._title__CheckBox__2Vji5 {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  font-size: 12px;
  color: rgb(0, 103, 184);
}

.InputSwitchbox__CheckBox__3nnHR.is-error__CheckBox__66HN0 >._title__CheckBox__2Vji5 {
  color: rgb(212, 71, 15);
}

.InputSwitchbox__CheckBox__3nnHR.is-error__CheckBox__66HN0 >._box__CheckBox__3QaqG {
  border: 1px solid rgb(212, 71, 15);
}

.InputSwitchbox__CheckBox__3nnHR.is-error__CheckBox__66HN0 >._box__CheckBox__3QaqG >._check__CheckBox__271_- {
  background: rgb(212, 71, 15);
}

.icon__CheckBox__kd6X5 {
  position: relative;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 3px;
}

.icon__CheckBox__kd6X5 svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.icon__CheckBox__kd6X5 #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.icon__CheckBox__kd6X5 #close {
  fill: rgba(0, 0, 0, 0.2);
}

.icon__CheckBox__kd6X5 #edit {
  fill: #80cf53;
}

.icon__CheckBox__kd6X5 #error {
  fill: rgba(212, 71, 15, 0.4);
}

.spinner__CheckBox__2ibxJ {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.root__SingleCheckbox__1sFJC {

}

.spinner__SingleCheckbox__1MePk {
  width: 20px;
  height: 20px;
}

.root___IndustryAuthority__cuL3T {
  color: #37383A;
  position: absolute;
  padding-bottom: 200px;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;

}

.banner___IndustryAuthority__N5qZr {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #B3B6C7;
  background: white;
  height: 120px;
  display: flex;
  align-items: flex-end;
}

.banner_container___IndustryAuthority__2kmKi {
  width: 1000px;
  margin: 0 auto;
}

.header___IndustryAuthority__3H-er {
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 14px;
  color: #B3B6C7;
}

.banner_content___IndustryAuthority__1l40o {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: flex-end;

  font-size: 14px;
  color: rgb(132, 131, 126);
}

.col___IndustryAuthority__1i_M0 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  width: 200px;
  padding: 0 10px;
  text-align: center;
  font-weight: 400;
}

.col___IndustryAuthority__1i_M0:first-child {
  width: 460px;
  text-align: left;

}


.scrollbox___IndustryAuthority__22LtC {
  position: absolute;
  z-index: 1;
  top: 120px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}

.content___IndustryAuthority__23BK- {
  position: relative;
  z-index: 1;
  width: 1000px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

.list___IndustryAuthority__2MaTl {
  user-select: none;
}

.select___IndustryAuthority__2HSoM {
}

.DescriptionLabel {
  user-select: none;
  position: relative;
  display: inline-block;
}
.DescriptionLabel.has-description {
  cursor: pointer;
}
.DescriptionLabel.has-description:hover > ._title {
  color: rgb(0, 103, 184);
}
.Popup {
  user-select: none;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 4;
}

.Popup > ._content {
  user-select: none;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 4;
}

.Popup ._CCpopup {
  position: absolute;
  z-index: 1;
  width: 300px;
  margin-left: -150px;
  padding: 20px 20px;
  border-radius: 4px;
  background-color: #0C2340;
  transform: translateY(-80%) scale(0.7);
}

.Popup ._CCpopup > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -10px;
}

.Popup ._CCpopup > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.Popup ._CCpopup > ._icon * {
  fill: #0C2340;
}

.CCDescriptionLabel__text {
  font-weight: 500;

  font-family: Gilroy, sans-serif;
  font-size: 14px;

  color: #EEEEED;

  line-height: 129%;
}
.CC_SelectInput {
  position: relative;
}

.CC_SelectInput >._clearErrorBtn {
  opacity: 0.5;
  background: none;
  border: none;
  padding: 4px;
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -11px;
}

.CC_SelectInput >._clearErrorBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.CC_SelectInput >._clearErrorBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.CC_SelectInput >._clearErrorBtn >._icon * {
  fill: #b4b2ac;
}

.CC_SelectInput__label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 300;
}

.CC_SelectInput__dropdown {
  position: relative;
  max-width: 310px;
}

.CC_SelectInput__dropdown ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: 13px;
  pointer-events: none;
}

.CC_SelectInput__dropdown ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.CC_SelectInput__dropdown ._icon * {
  fill: rgb(183, 218, 245);
}

// Silly fix for Mozilla-appearance
  .CC_SelectInput__dropdown:after {
  content: "";
  display: block;
  width: 20px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: none;
  position: absolute;
  pointer-events: none;
}

.CC_SelectInput__dropdown.is-error ._icon * {
  fill: rgb(212, 71, 15);
}

.CC_SelectInput__field {
  line-height: 1.2;
  background: none;
  border: none;
  color: rgb(0, 103, 184);
  cursor: pointer;

  font-size: 14px;
  font-weight: 300;
  padding: 8px;
  padding-right: 19px;
  padding-bottom: 7px;
  width: 100%;
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.CC_SelectInput__field.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.CC_SelectInput__field:focus {
  outline: none;
}

.CC_SelectInput__field.is-error {
  color: rgb(212, 71, 15);
}
.CC_RatioSelectInput {
  position: relative;
}

.CC_RatioSelectInput > ._clearErrorBtn {
  opacity: 0.5;
  background: none;
  border: none;
  padding: 4px;
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -11px;
}

.CC_RatioSelectInput > ._clearErrorBtn > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.CC_RatioSelectInput > ._clearErrorBtn > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.CC_RatioSelectInput > ._clearErrorBtn > ._icon * {
  fill: #b4b2ac;
}

.CC_RatioSelectInput__label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 300;
}

.CC_RatioSelectInput__dropdown {
  position: relative;
  z-index: 1;

  width: 100px;
  height: 30px;
}

.CC_RatioSelectInput__dropdown ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: 13px;
  pointer-events: none;
}

.CC_RatioSelectInput__dropdown ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.CC_RatioSelectInput__dropdown ._icon * {
  fill: rgb(183, 218, 245);
}

// Silly fix for Mozilla-appearance
  .CC_RatioSelectInput__dropdown:after {
  content: '';
  display: block;
  width: 20px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: none;
  position: absolute;
  pointer-events: none;
}

.CC_RatioSelectInput__dropdown.is-error ._icon * {
  fill: rgb(212, 71, 15);
}

.CC_RatioSelectInput__field {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  line-height: 1.2;
  background: none;
  border: none;
  color: #0C2340;
  cursor: pointer;

  font-size: 14px;
  font-weight: 300;
  padding: 8px;
  padding-bottom: 7px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  font-weight: 700;
  font-size: 12px;
}

.CC_RatioSelectInput__field:hover {
  color: #407EC9;
}

.CC_RatioSelectInput__field:focus {
  color: #407EC9;
}

.CC_RatioSelectInput__field.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.CC_RatioSelectInput__field:focus {
  outline: none;
}

.CC_RatioSelectInput__field.is-error {
  color: rgb(212, 71, 15);
}
.CCInputText input {
    color: #0C2340;
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    border: 1px solid rgba(64, 126, 201, 0.3);
    padding: 16px;
    border-radius: 2px;
    height: auto;
    letter-spacing: 0.8px;
}
.CCInputText input:hover {
    border: 1px solid rgba(64, 126, 201, 0.8);
}
.CCInputText input:focus {
    border: 1px solid #407EC9;
}
.FilteringDatasetList {
  padding-top: 20px;
}
.FilteringDatasetList >._insideFilter {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.RecentlyOpened {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.RecentlyOpened >._text {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  color: #93918c;
}
.RecentlyOpened >._list {
  flex: 1;
}


.DatasetList {
  user-select: none;
}

.DatasetList__listContainer {
  width: 100%;
}

.DatasetList__utils {
  position: relative;
}

.DatasetList__search {
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  padding: 12px;
  width: 185px;
  margin-bottom: 20px;
  opacity: 0.5;
}

.DatasetList__search.is-active, .DatasetList__search:focus {
  opacity: 1;
}

.DatasetList__header {
  display: flex;
  color: #737375;
  border-bottom: none;
  font-size: 14px;
  padding-top: 10px;
  overflow: hidden;
}

.DatasetList__header > button {
  color: #737375;
  background: none;
  border: none;
}

.DatasetList__column {
  display: block;
  width: 104px;
  padding: 0 10px;
  text-align: center;
  font-weight: 400;
}

.DatasetList__column >._owner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left;
}

.DatasetList__column ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}

.DatasetList__column ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.DatasetList__column ._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.DatasetList__column ._icon #cancel {
  fill: rgb(212, 71, 15);
}

.DatasetList__column ._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}

.DatasetList__column ._icon #edit {
  fill: #80cf53;
}

.DatasetList__column ._icon #error {
  fill: rgba(212, 71, 15, 0.4);
}

.DatasetList__column ._titleLink:hover {
  color: rgb(0, 103, 184);
  text-decoration: underline;
}

.DatasetList__column:first-child {
  width: 460px;
  text-align: left;
}

.DatasetList__column.is-ordered-by {
  font-weight: bold;
  position: relative;
}

.DatasetList__column.is-ordered-by:after {
  content: "\25BF";
  font-size: 10px;
  color: #999;
  position: absolute;
  top: 3px;
  right: 0;
}

.DatasetList__column.is-ordered-by.is-reversed:after {
  transform: rotate(180deg);
}


.DatasetList__lastOpened {
  width: 120px;
  position: absolute;
  top: -2px;
  left: 50px;
  font-size: 12px;
  display: block;
  color: rgb(230, 176, 18);
  border: 1px solid rgba(230, 176, 18, 0.4);
  border-radius: 4px;
  padding: 3px 6px;
}

.budget-border-box___Item__uzoXm {
  width: 12px;
  height: 46px;

  position: absolute;
  left: -13px;
  top: -27px;
  z-index: 1;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.DatasetList__sbc___Item__3U5f6 {
  border-radius: 4px;
  display: inline-block;
  background: #ffda75;
  color: #897336;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 8px;
  transform: translateY(-1px);
}

.DatasetList__item___Item__3nnZs {
  position: relative;
  z-index: 2;
  list-style: none;
  background-color: #F8F7F7;
  border-radius: 3px;
  border: 1px solid rgba(248, 247, 247, 0);
  font-size: 14px;
  margin: 6px 0;
}

.DatasetList__item___Item__3nnZs > ._button___Item__3owLg {
  cursor: pointer;
  border: none;
  color: #93918c;
  background: transparent;
  text-align: left;
  width: 100%;
  padding: 8px 0;
}

.DatasetList__item___Item__3nnZs > ._button___Item__3owLg:focus {
  background: none;
  outline: 0;
}

.DatasetList__item___Item__3nnZs > ._button___Item__3owLg > ._content___Item__1NkUz {
  display: flex;
}

.DatasetList__item___Item__3nnZs:hover {
  border: 1px solid #93918c;
}

.DatasetList__item___Item__3nnZs.is-selected___Item__3el8s {
  background: #cee1f1;
}

.DatasetList__item___Item__3nnZs.is-selected___Item__3el8s > ._button___Item__3owLg {
  color: rgb(0, 103, 184);
}

.DatasetList__item___Item__3nnZs.is-selected___Item__3el8s:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DatasetList__item___Item__3nnZs.is-budget___Item__2Q7IY {
  margin-left: 20px;
  background-color: white;
  border: 1px solid #dbdbdb;
  z-index: 1;
}

.DatasetList__item___Item__3nnZs.is-budget___Item__2Q7IY.is-orphan___Item__2npa5 {
  margin-left: 0;
}

.DatasetList__item___Item__3nnZs.is-budget___Item__2Q7IY:hover {
  border: 1px solid #93918c;
}

.DatasetList__item___Item__3nnZs.is-budget___Item__2Q7IY.is-selected___Item__3el8s {
  background: #cee1f1;
}

.DatasetList__item___Item__3nnZs.is-budget___Item__2Q7IY.is-selected___Item__3el8s > ._button___Item__3owLg {
  color: rgb(0, 103, 184);
}

.DatasetList__item___Item__3nnZs.is-budget___Item__2Q7IY.is-selected___Item__3el8s:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DatasetList__tagSwatch___Item__1SvdQ {
  display: inline-block;
  margin: 2px;
  width: 4px;
  height: 4px;
}

.DatasetList__column___Item__2Tbq4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 104px;
  padding: 0 10px;
  text-align: center;
  font-weight: 400;
}

.DatasetList__column___Item__2Tbq4 > ._owner___Item__yOUVN {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left;
}

.DatasetList__column___Item__2Tbq4 ._icon___Item__2Vi9z {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}

.DatasetList__column___Item__2Tbq4 ._icon___Item__2Vi9z svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.DatasetList__column___Item__2Tbq4 ._icon___Item__2Vi9z #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.DatasetList__column___Item__2Tbq4 ._icon___Item__2Vi9z #close {
  fill: rgba(0, 0, 0, 0.2);
}

.DatasetList__column___Item__2Tbq4 ._icon___Item__2Vi9z #edit {
  fill: #80cf53;
}

.DatasetList__column___Item__2Tbq4 ._icon___Item__2Vi9z #error {
  fill: rgba(212, 71, 15, 0.4);
}

.DatasetList__column___Item__2Tbq4 ._titleLink___Item__j-jIX:hover {
  color: rgb(0, 103, 184);
  text-decoration: underline;
}

.DatasetList__column___Item__2Tbq4.first_child___Item__1mfvl {
  width: 460px;
  text-align: left;
}

.DatasetList__column___Item__2Tbq4.is-ordered-by___Item__2EVAt {
  font-weight: bold;
  position: relative;
}

.DatasetList__column___Item__2Tbq4.is-ordered-by___Item__2EVAt:after {
  content: '\25BF';
  font-size: 10px;
  color: #999;
  position: absolute;
  top: 3px;
  right: 0;
}

.DatasetList__column___Item__2Tbq4.is-ordered-by___Item__2EVAt.is-reversed___Item__8BwFX:after {
  transform: rotate(180deg);
}

.DatasetList__checkbox___Item__18cYM {
  padding-left: 5px;
}

.root__xch-CheckBox__2YHSv {
  user-select: none;
}

.root__xch-CheckBox__2YHSv >._box__xch-CheckBox__3wHu1 {
  position: relative;
  cursor: pointer;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  opacity: 0.3;
  border: 1px solid rgb(0, 103, 184);
}

.root__xch-CheckBox__2YHSv >._box__xch-CheckBox__3wHu1 >._check__xch-CheckBox__Rw3n2 {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  border-radius: 2px;
  background: rgb(0, 103, 184);
}

.root__xch-CheckBox__2YHSv >._box__xch-CheckBox__3wHu1.is-checked__xch-CheckBox__WYwqr {
  opacity: 0.7;
  border-color: rgb(0, 103, 184);
}

.root__xch-CheckBox__2YHSv >._box__xch-CheckBox__3wHu1.is-checked__xch-CheckBox__WYwqr >._check__xch-CheckBox__Rw3n2 {
  display: block;
}

.root__xch-CheckBox__2YHSv >._box__xch-CheckBox__3wHu1.is-pending__xch-CheckBox__3E66p {
  opacity: 0.7;
  border-color: rgba(0, 103, 184, 0.4);
}

.root__xch-CheckBox__2YHSv >._box__xch-CheckBox__3wHu1.is-disabled__xch-CheckBox__mauMd {
  cursor: not-allowed;
  opacity: 0.6;
}

.root__xch-CheckBox__2YHSv >._title__xch-CheckBox__1mCDQ {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  font-size: 12px;
  color: rgb(0, 103, 184);
}

.root__xch-CheckBox__2YHSv.is-error__xch-CheckBox__21dmF >._title__xch-CheckBox__1mCDQ {
  color: rgb(212, 71, 15);
}

.root__xch-CheckBox__2YHSv.is-error__xch-CheckBox__21dmF >._box__xch-CheckBox__3wHu1 {
  border: 1px solid rgb(212, 71, 15);
}

.root__xch-CheckBox__2YHSv.is-error__xch-CheckBox__21dmF >._box__xch-CheckBox__3wHu1 >._check__xch-CheckBox__Rw3n2 {
  background: rgb(212, 71, 15);
}

.icon__xch-CheckBox__wkiMg {
  position: relative;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 3px;
}

.icon__xch-CheckBox__wkiMg svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.icon__xch-CheckBox__wkiMg #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.icon__xch-CheckBox__wkiMg #close {
  fill: rgba(0, 0, 0, 0.2);
}

.icon__xch-CheckBox__wkiMg #edit {
  fill: #80cf53;
}

.icon__xch-CheckBox__wkiMg #error {
  fill: rgba(212, 71, 15, 0.4);
}

.spinner__xch-CheckBox__2y94Q {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.FilterHeader {

  padding-left: 10px;
  padding-top: 16px;
  display: flex;
}

.FilterHeader >._list {

  margin-right: 14px;

  flex: 1;

  display: flex;

  align-items: flex-end;

  padding-bottom: 4px;
}

.FilterHeader >._list >._intro {

  line-height: 1;

  margin-right: 14px;

  font-weight: 700;

  font-size: 14px;
}

.FilterHeader >._list >._filters {

  flex: 1;
}

.FilterHeader >._hightlightText {

  font-size: 14px;

  color: #F6A83D;

  font-weight: 700;

  margin-right: 14px;
}

.FilterHeader >._btn {

  width:  ;

  background: none;

  border: none;

  border-radius: 3px;

  padding: 6px 8px;

  font-size: 14px;

  color: #b4b2ac;
}

.FilterHeader >._btn >._content {

  display: flex;

  align-items: center;

  justify-content: center;
}

.FilterHeader >._btn >._content >._icon {

  position: relative;

  z-index: 1;

  display: block;

  width: 10px;

  height: 10px;

  margin-right: 4px;
}

.FilterHeader >._btn >._content >._icon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 10px;

  height: 10px;
}

.FilterHeader >._btn >._content >._icon * {

  fill: #b4b2ac;
}

.FilterHeader__Item {
  display: inline-block;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 6px 8px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
  margin-left: 4px;
  margin-top: 5px;
}

.FilterHeader__Item:hover {

  border: 1px solid rgb(0, 103, 184);
}


.Filter__FilteredList >._header {
    padding-left: 10px;
    padding-top: 40px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.Filter__FilteredList >._header >._text {
    font-size: 14px;
    color: #93918c;
    margin-right: 14px;
}
.Filter__FilteredList >._header >._text >._groupTag {
    display: inline-block;
    background: rgba(0, 103, 184, 0.2);
    padding: 6px 8px;
    border-radius: 3px;
    color: rgb(0, 103, 184);
    font-weight: 700;
    font-size: 12px;
    margin-left: 4px;
}
.Filter__FilteredList >._header >._btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 3px;
    padding: 6px 8px;
    font-size: 14px;
    color: #b4b2ac;
}
.Filter__FilteredList >._header >._btn >._icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
}
.Filter__FilteredList >._header >._btn >._icon svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
}
.Filter__FilteredList >._header >._btn >._icon * {
    fill: #b4b2ac;
}
.Filter__FilteredList.is-in-filter >._list {
    border-radius: 4px;
    padding: 0 6px;
    margin-left: -6px;
    margin-right: -6px;
}


.Filter__UnFilteredList {
  padding-top: 20px;
}
.Filter__UnFilteredList >._list >._subGroup {
  padding-bottom: 20px;
}
.Filter__UnFilteredList >._list >._subGroup >._header {
  padding-left: 10px;
  padding-top: 10px;
}
.Filter__UnFilteredList >._list >._subGroup >._header >._text {
  font-size: 14px;
  font-weight: 700;
}
.Filter__UnFilteredList >._header {
  padding-left: 10px;
  padding-top: 40px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.Filter__UnFilteredList >._header >._text {
  font-size: 14px;
  color: #93918c;
  margin-right: 14px;
}
.Filter__UnFilteredList >._header >._text >._groupTag {
  display: inline-block;
  background: rgba(0, 103, 184, 0.2);
  padding: 6px 8px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
  margin-left: 4px;
}
.Filter__UnFilteredList >._header >._btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 14px;
  color: #b4b2ac;
}
.Filter__UnFilteredList >._header >._btn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 4px;
}
.Filter__UnFilteredList >._header >._btn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}
.Filter__UnFilteredList >._header >._btn >._icon * {
  fill: #b4b2ac;
}
.Filter__UnFilteredList.is-in-filter >._list {
  border-radius: 4px;
  padding: 0 6px;
  margin-left: -6px;
  margin-right: -6px;
}
.root__GroupFilters__2K85i {
  display: flex;
}

.title__GroupFilters__36dIm {
  font-size: 14px;
  color: #93918c;
}
.field__GroupFilters__2nZG2 {
  padding-right: 20px;
}

.search__GroupFilters__2yTvd {
  min-width: 300px;
  padding-right: 30px;
  padding-top: 6px;
}

.includes__GroupFilters__2S4k2 {
  display: flex;
  align-items: center;
}
.root__xch-InputText__1zI7o {
  width: 100%;
  position: relative;
  z-index: 1;
  border: 1px solid rgb(160, 216, 240);
  border-radius: 2px;
  font-size: 16px;
  font-family: sans-serif;
  height: 38px;
  cursor: text;
  background: white;
}

.root__xch-InputText__1zI7o.output__xch-InputText__2-1f0 {
  background-color: rgb(160, 216, 240);
}

.root__xch-InputText__1zI7o.disabled__xch-InputText__38LEa {
  cursor: not-allowed;
  border: 1px solid rgb(129, 203, 235);
  opacity: 0.6;
}

.root__xch-InputText__1zI7o.disabled__xch-InputText__38LEa .input__xch-InputText__1ZeHt {}

.root__xch-InputText__1zI7o.focused__xch-InputText__tVYzf {
  border-color: rgb(87, 171, 207);
}

.root__xch-InputText__1zI7o.error__xch-InputText__1c0IZ {
  border-color: #F6A83D;
  color: #F6A83D;
}

.input__xch-InputText__1ZeHt {
  cursor: inherit;
  color: #444;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2;
  opacity: 0;
  width: 100%;
  border: none;
  -webkit-font-smoothing: antialiased;
}

.input__xch-InputText__1ZeHt:focus {
  opacity: 1;
}

.button__xch-InputText__38oMa {
  cursor: inherit;
  color: #444;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.icon__xch-Icon__3g7kl {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
}
.icon__xch-Icon__3g7kl svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}
.root__xch-Portal__24HCS {

}

.content__xch-Portal__29rag {

}

.DatasetList__sbc__Dataset__1cGv7 {
  border-radius: 4px;
  display: inline-block;
  background: #ffda75;
  color: #897336;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 8px;
  transform: translateY(-1px);
}

.row__Dataset__2Mtvq {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 4px 8px;
  border-radius: 3px;
  cursor: pointer;
  background: #f8f7f7;
  border: 2px solid #f8f7f7;
}

.row__Dataset__2Mtvq:active {
  transform: translateY(1px);
}

.row__Dataset__2Mtvq:hover {
  background: rgba(205, 205, 213, 0.5);
  border: 2px solid rgba(205, 205, 213, 0.5);
}

.row__Dataset__2Mtvq:hover:focus {
  background: rgba(205, 205, 213, 0.7);
}

.row__Dataset__2Mtvq:focus {
  background: rgba(205, 205, 213, 0.5);
  border: 2px solid rgba(205, 205, 213, 0.5);
}

.row__Dataset__2Mtvq:focus:hover {
  background: rgba(205, 205, 213, 0.7);
}

.row__Dataset__2Mtvq.selected__Dataset__3jzlR {
  background: rgba(104, 149, 183, 0.2);
  border: 2px solid #6895B7;
}

.row__Dataset__2Mtvq.selected__Dataset__3jzlR:hover {
  background: rgba(104, 149, 183, 0.4);
}

.row__Dataset__2Mtvq.pending__Dataset__2QnAB {
  opacity: 0.5;
  cursor: not-allowed;
}

.row__Dataset__2Mtvq.pending__Dataset__2QnAB:active {
  transform: translateY(0);
}

.row__Dataset__2Mtvq.pending__Dataset__2QnAB:hover {
  background: #f8f7f7;
  border: 2px solid #f8f7f7;
}

.row__Dataset__2Mtvq.pending__Dataset__2QnAB:hover:focus {
  background: #f8f7f7;
}

.row__Dataset__2Mtvq.pending__Dataset__2QnAB:focus {
  background: #f8f7f7;
  border: 2px solid #f8f7f7;
}

.row__Dataset__2Mtvq.pending__Dataset__2QnAB:focus:hover {
  background: #f8f7f7;
}

.row_content__Dataset__2YwHI {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cell__Dataset__2TDLb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  width: 120px;
  color: #525263;
  font-weight: 500;
}

.cell__Dataset__2TDLb.header__Dataset__3m903 {
  text-align: left;
  width: 250px;
}

.link__Dataset__2RpIp {
  color: #060606;
  border-bottom: 1px solid transparent;
}

.link__Dataset__2RpIp:active {
  transform: translateY(1px);
}

.link__Dataset__2RpIp:hover {
  border-bottom: 1px solid #060606;
}

.link__Dataset__2RpIp:focus {
  border-bottom: 1px solid #060606;
}

.loading__Dataset__Z7Ffp {
  display: inline-block;
  margin-top: 15px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.wrapper__Dataset__2pM8A {
  display: flex;
  align-items: center;
}

.wrapper__Dataset__2pM8A span {
  font-size: 15px;
  font-weight: 500;
  color: #525263;
  margin-left: 10px;
}

.spinner__Dataset__1MYf- {
  width: 20px;
}
.list__List__2-peY {
  padding: 10px;
}

.num__List__2ZfsR {
  font-size: 17px;
  text-align: center;
  color: rgba(82, 82, 99, 0.7);
  font-weight: 500;
  margin: 15px;
}

.num__List__2ZfsR.hidden__List__1B63q {
  display: none;
}

.btn__List__3RO_z {
  margin-left: 10px;
  border: none;
  background: transparent;
  outline: none;
}

.btn__List__3RO_z:active {
  transform: translateY(1px);
}

.btn__List__3RO_z:hover {
  color: #525263;
}

.btn__List__3RO_z:hover:focus {
  color: #525263;
}

.btn__List__3RO_z:focus {
  color: #525263;
}

.btn__List__3RO_z:focus:hover {
  color: #525263;
}
.root__SearchBox__3DKzy {
  position: relative;
}

.input__SearchBox__3jU42 {
  position: relative;
  z-index: 1;

  color: #525263;
  font-weight: 500;
  font-size: 18px;
  border: 1px solid #2b65b2;
  border-radius: 3px;
}

.input__SearchBox__3jU42:focus {
  border: 1px solid #b4b2ac;
}

.inputWrapper__SearchBox__my9S8 {
  border-radius: 3px;
  color: #525263;
  font-weight: 500;
  font-size: 15px;
  padding-right: 32px;
}

.cross__SearchBox__2HczX {
  position: absolute;

  z-index: 1;

  border: none;
  background: transparent;
  outline: none;

  padding: 8px;
}

.cross__SearchBox__2HczX:active {
  transform: translateY(1px);
}

.cross__SearchBox__2HczX:hover .icon__SearchBox__1IetQ path {
  fill: rgba(82, 82, 99, 0.8);
}

.cross__SearchBox__2HczX:hover:focus .icon__SearchBox__1IetQ path {
  fill: #525263;
}

.cross__SearchBox__2HczX:focus .icon__SearchBox__1IetQ path {
  fill: rgba(82, 82, 99, 0.8);
}

.cross__SearchBox__2HczX:focus:hover .icon__SearchBox__1IetQ path {
  fill: #525263;
}

.icon__SearchBox__1IetQ {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
}

.icon__SearchBox__1IetQ svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.icon__SearchBox__1IetQ path {
  fill: #8B949C;
}

.portal__SearchBox__20mqM {
  position: fixed;
  top: 0;

  z-index: 1;
}

.portalContent__SearchBox__2oVhO {
  position: relative;
}

.list__SearchBox__czk8K {
  position: absolute;

  z-index: 1;
  background: white;

  width: 540px;
  height: 570px;

  border: 1px solid #060606;

  overflow-y: scroll;
}
.ReportSubRoute__Filterbar {
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
}
.ReportSubRoute__Filterbar >._content {
  position: absolute;
  top: 0;
  width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #F8F7F7;
  left: 50%;
  margin-left: -500px;
}
.FilterControls {
  padding-bottom: 10px;
  background-color: white;
}



.FilterControls >._container {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  position: relative;
}



.FilterControls__NameCol {
  display: flex !important;
  justify-content: space-between !important;
}



.FilterControls__NameCol >._btn {
  background: none;
  border: none;
  padding: 0;
}



.FilterControls__NameCol >._btn >._content {
  display: flex;
}



.FilterControls__NameCol >._btn >._content >._icon {
  margin-right: 4px;
}



.FilterControls__NameCol >._btn >._content >._icon * {
  fill: rgba(180, 178, 172, 0.6);
}

.FilterControls__NameColWithCheckbox {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;

  margin-right: 32px;
}

.FilterControls__NameColWithCheckbox >._btn {
  background: none;
  border: none;
  padding: 0;
}

.FilterControls__NameColWithCheckbox >._btn >._content {
  display: flex;
}

.FilterControls__NameColWithCheckbox >._btn >._content >._icon {
  margin-right: 4px;
}

.FilterControls__NameColWithCheckbox >._btn >._content >._icon * {
  fill: rgba(180, 178, 172, 0.6);
}
.FilterModalTemplate__Header {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  height: 52px;
}

.FilterModalTemplate__Header >._title {
  display: inline-block;
  font-size: 14px;
  color: #b4b2ac;
}

.FilterModalTemplate__List {
  position: absolute;
  z-index: 9000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  top: 52px;
  border-top: 1px solid #F8F7F7;
  padding: 10px;
}

.FilterList >._item {
    display: flex;
    align-items: center;
}
.FilterList >._item >._deleteBtn {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    opacity: 0.4;
    background: none;
    border: none;
    padding: 4px;
}
.FilterList >._item >._deleteBtn >._icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 14px;
    height: 14px;
}
.FilterList >._item >._deleteBtn >._icon svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
}
.FilterList >._item >._deleteBtn >._icon * {
    fill: rgb(212, 71, 15);
}


.FilterList__Item {
  flex: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.FilterList__Item.is-active >._btn {
  border: 1px solid rgb(0, 103, 184);
}
.FilterList__Item >._btn {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 6px 8px;
  border: 1px solid rgba(0, 103, 184, 0.2);
  background: rgba(0, 103, 184, 0.2);
}


.ConfirmationModal {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(0,0,0,0.5);
  -webkit-overflow-scrolling: touch;
  background-color: rgba(246, 168, 61, 0.4);
}

.ConfirmationModal >._container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ConfirmationModal >._container >._modalBox {
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.ConfirmationModal >._container >._modalBox >._closeBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  background: none;
  border: none;
}

.ConfirmationModal >._container >._modalBox >._closeBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.ConfirmationModal >._container >._modalBox >._closeBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.ConfirmationModal >._container >._modalBox >._closeBtn >._icon * {
  fill: #b4b2ac;
}

.ConfirmationModal__content {
  position: relative;
  padding: 40px 20px;
  background: white;
  border-radius: 5px;
  width: 400px;
  text-align: center;

}

.ConfirmationModal__title {
  display: inline-block;
  font-size: 21px;
  font-weight: 300;
  border-bottom: 1px solid #F8F7F7;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.ConfirmationModal__text {
  font-size: 14px;
  width: 290px;
  margin: 0 auto;
}

.ConfirmationModal__actions {

  display: flex;
  justify-content: center;
  padding: 10px;
  padding-top: 30px;
}

.ConfirmationModal__actions >._btn {
  padding: 6px 8px;
  border: 1px solid #93918c;
  font-size: 13px;
  background: none;
  color: #93918c;
  margin: 0 10px;
  border-radius: 2px;
}


.GroupModal {
  user-select: none;
  cursor: pointer;
  background: rgba(55, 56, 58, 0.3);
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.GroupModal__innerContainer {

  position: absolute;
  top: 16px;
  left: 175px;
  height: 0;
}

.GroupModal__innerContainer >._content {
  position: relative;
  cursor: default;
  background: white;
  border-radius: 4px;
  width: 350px;
  height: 500px;
}

.GroupModal__innerContainer >._content >._arrow {
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 50%;
  margin-left: -8px;
}

.GroupModal__innerContainer >._content >._arrow.is-left {
  left: 36px;
  margin-left: 0;
}

.GroupModal__innerContainer >._content >._arrow.is-right {
  left: auto;
  right: 36px;
  margin-left: 0;
}

.GroupModal__innerContainer >._content >._arrow ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
}

.GroupModal__innerContainer >._content >._arrow ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.GroupModal__innerContainer >._content >._arrow ._icon * {
  fill: white;
}


.EditGroupModal {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: rgba(55, 56, 58, 0.8);
}

.EditGroupModal >._innerContainer {
  cursor: default;
  position: absolute;
  z-index: 1;
  top: 20px;
  bottom: 20px;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  background: white;
  border-radius: 10px;
}

.EditGroupModal__Banner {

  padding: 60px;
  padding-bottom: 40px;
  height: 172px;
  display: flex;
  border-bottom: 1px solid #F8F7F7;
}

.EditGroupModal__Banner >._nameField {
  width: 300px;
}

.EditGroupModal__Banner >._nameField >._label {
  font-size: 14px;
  color: rgb(0, 103, 184);
  font-weight: 300;
  padding-bottom: 4px;
}

.EditGroupModal__Banner >._saveBtn {
  padding-top: 25px;
  padding-left: 20px;
}

.EditGroupModal__Banner >._saveBtn >._btn {
  border: none;
  border-radius: 2px;
  background: rgb(0, 103, 184);
  color: white;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 12px;
}

.EditGroupModal__Banner >._saveBtn >._btn.is-disabled {
  opacity: 0.3;
}
.EditGroupModal__DatasetList {
  user-select: none;
  position: absolute;
  top: 172px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;

  padding: 60px;
  padding-top: 20px;
}
.EditGroupModal__DatasetList >._message {
  text-align: center;
  color: #b4b2ac;
  font-size: 14px;
  padding-bottom: 20px;
}
.EditGroupModal__DatasetList >._selectedGroup >._message {
  text-align: center;
  color: #b4b2ac;
  font-size: 14px;
  padding-bottom: 20px;
}
.EditGroupModal__DatasetList >._selectedGroup >._list {
  padding-bottom: 40px;
}
.EditGroupModal__DatasetList >._selectedGroup >._list .DatasetList__item {
  outline: 1px solid rgba(0, 103, 184, 0.4);
}

.Groups__Header {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  display: flex;
}
.Groups__Header >._createBtn {
  font-weight: 700;
  font-size: 13px;
  padding: 6px 8px;
  border: none;
  background: rgb(0, 103, 184);
  font-weight: 700;
  color: white;
  border-radius: 3px;
}
.Groups__Header >._createBtn >._content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Groups__Header >._createBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 4px;
}
.Groups__Header >._createBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}
.Groups__Header >._createBtn >._content >._icon * {
  fill: white;
}
.Groups__Header >._editBtn {
  font-weight: 700;
  font-size: 13px;
  padding: 6px 8px;
  border: none;
  color: #b4b2ac;
  background: none;
  margin-left: 20px;
}
.Groups__Header >._editBtn >._content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Groups__Header >._editBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 4px;
}
.Groups__Header >._editBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}
.Groups__Header >._editBtn >._content >._icon * {
  fill: #b4b2ac;
}

.Groups__List {
  position: absolute;
  z-index: 9000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  top: 52px;
  border-top: 1px solid #F8F7F7;
  padding: 10px;
}
.Groups__List >._item {
  display: flex;
  align-items: center;
}
.Groups__List >._item >._deleteBtn {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  opacity: 0.4;
  background: none;
  border: none;
  padding: 4px;
}
.Groups__List >._item >._deleteBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}
.Groups__List >._item >._deleteBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}
.Groups__List >._item >._deleteBtn >._icon * {
  fill: rgb(212, 71, 15);
}


.Groups__Item {
  flex: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.Groups__Item.is-active >._btn {
  border: 1px solid rgb(0, 103, 184);
}
.Groups__Item.is-active >._btn:hover {
  border: 1px solid rgb(0, 103, 184);
}
.Groups__Item.is-editing >._btn {
  border: 1px dashed rgba(0, 103, 184, 0.2);
  background: white;
}
.Groups__Item >._btn {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: rgb(0, 103, 184);
  border: 1px solid rgba(0, 103, 184, 0.2);
  border-radius: 4px;
  padding: 6px 8px;
  background: rgba(0, 103, 184, 0.2);
}
.Groups__Item >._btn:hover {
  border: 1px solid rgba(0, 103, 184, 0.4);
}
.Groups__Item >._btn >._content {
  display: flex;
}
.Groups__Item >._btn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-right: 5px;
}
.Groups__Item >._btn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}
.Groups__Item >._btn >._content >._icon * {
  fill: rgb(0, 103, 184);
}
.CC_YearSelectInput {
  position: relative;
}

.CC_YearSelectInput > ._clearErrorBtn {
  opacity: 0.5;
  background: none;
  border: none;
  padding: 4px;
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -11px;
}

.CC_YearSelectInput > ._clearErrorBtn > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.CC_YearSelectInput > ._clearErrorBtn > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.CC_YearSelectInput > ._clearErrorBtn > ._icon * {
  fill: #b4b2ac;
}

.CC_YearSelectInput__label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 300;
}

.CC_YearSelectInput__dropdown {
  position: relative;
  z-index: 1;

  width: 100px;
  height: 30px;
}

.CC_YearSelectInput__dropdown ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: 13px;
  pointer-events: none;
}

.CC_YearSelectInput__dropdown ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.CC_YearSelectInput__dropdown ._icon * {
  fill: rgb(183, 218, 245);
}

// Silly fix for Mozilla-appearance
  .CC_YearSelectInput__dropdown:after {
  content: '';
  display: block;
  width: 20px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: none;
  position: absolute;
  pointer-events: none;
}

.CC_YearSelectInput__dropdown.is-error ._icon * {
  fill: rgb(212, 71, 15);
}

.CC_YearSelectInput__field {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  line-height: 1.2;
  background: none;
  border: none;
  color: #0C2340;
  cursor: pointer;

  font-size: 14px;
  font-weight: 300;
  padding: 8px;
  padding-bottom: 7px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  font-weight: 700;
  font-size: 12px;
}

.CC_YearSelectInput__field:hover {
  color: #407EC9;
}

.CC_YearSelectInput__field:focus {
  color: #407EC9;
}

.CC_YearSelectInput__field.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.CC_YearSelectInput__field:focus {
  outline: none;
}

.CC_YearSelectInput__field.is-error {
  color: rgb(212, 71, 15);
}
.CC_preview__NotesEditor__3F76z {
  font-size: 14px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-top: 1px solid rgba(183, 218, 245, 0.2);
  border-bottom: 1px solid rgba(183, 218, 245, 0.2);
  height: 343px;
  overflow-y: auto;
  background: white;
}

.CC_preview__NotesEditor__3F76z p {
  font-size: inherit;
  padding-bottom: 21px;
}

.CC_preview__NotesEditor__3F76z ul, .CC_preview__NotesEditor__3F76z ol {
  font-size: inherit;
  padding-bottom: 21px;
  margin-left: 20px;
}

.CC_preview__NotesEditor__3F76z ul li, .CC_preview__NotesEditor__3F76z ol li {
  font-size: inherit;
}

.CC_preview__NotesEditor__3F76z h1, .CC_preview__NotesEditor__3F76z h2, .CC_preview__NotesEditor__3F76z h3, .CC_preview__NotesEditor__3F76z h4, .CC_preview__NotesEditor__3F76z h5, .CC_preview__NotesEditor__3F76z h6 {
  font-size: inherit;
  font-weight: 700;
  padding-bottom: 21px;
}

.CC_controls__NotesEditor__sYY-7 {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.CC_saveButton__NotesEditor__3AKXu {
  margin-left: 20px;
}
.InputTextArea__xch-TextArea__2DHlR {
  font-size: 14px;
}

._input__xch-TextArea__2b5db {
  font-size: inherit;
  width: 100%;
  resize: vertical;
  padding: 10px;
  border: 1px solid #407EC9;
  border-radius: 2px;
  height: auto;
}

._input__xch-TextArea__2b5db:focus {
  outline: none;
  border: 1px solid rgb(0, 103, 184);
}

._icon__xch-TextArea__2lZuW {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 500;
  top: 50%;
  margin-top: -8px;
  right: 8px;
}

._icon__xch-TextArea__2lZuW svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

._icon__xch-TextArea__2lZuW * {
  fill: rgb(183, 218, 245);
}
.root__CheckBox__24dpR {
  user-select: none;
}

.root__CheckBox__24dpR > ._box__CheckBox__1ukg4 {
  background: white;
  position: relative;
  cursor: pointer;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.root__CheckBox__24dpR > ._box__CheckBox__1ukg4 > ._check__CheckBox__10tp_ {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: #407EC9;
}

.root__CheckBox__24dpR > ._box__CheckBox__1ukg4.is-checked__CheckBox__3kpzC {
  border-color: #407EC9;
}

.root__CheckBox__24dpR > ._box__CheckBox__1ukg4.is-checked__CheckBox__3kpzC > ._check__CheckBox__10tp_ {
  display: block;
}

.root__CheckBox__24dpR > ._box__CheckBox__1ukg4.is-pending__CheckBox__1dHDt {
  opacity: 0.7;
  border-color: rgba(64, 126, 201, 0.4);
}

.root__CheckBox__24dpR > ._box__CheckBox__1ukg4.is-disabled__CheckBox__1RkKw {
  cursor: not-allowed;
  opacity: 0.6;
}

.root__CheckBox__24dpR > ._title__CheckBox__3r44Q {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  font-size: 12px;
  color: #407EC9;
}

.root__CheckBox__24dpR.is-error__CheckBox__3Ta9S > ._title__CheckBox__3r44Q {
  color: rgb(212, 71, 15);
}

.root__CheckBox__24dpR.is-error__CheckBox__3Ta9S > ._box__CheckBox__1ukg4 {
  border: 1px solid rgb(212, 71, 15);
}

.root__CheckBox__24dpR.is-error__CheckBox__3Ta9S > ._box__CheckBox__1ukg4 > ._check__CheckBox__10tp_ {
  background: rgb(212, 71, 15);
}

.icon__CheckBox__2C_SJ {
  position: relative;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 3px;
}

.icon__CheckBox__2C_SJ svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.icon__CheckBox__2C_SJ #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.icon__CheckBox__2C_SJ #close {
  fill: rgba(0, 0, 0, 0.2);
}

.icon__CheckBox__2C_SJ #edit {
  fill: #80cf53;
}

.icon__CheckBox__2C_SJ #error {
  fill: rgba(212, 71, 15, 0.4);
}

.spinner__CheckBox__2Tobl {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.Datasets {
  color: #37383A;
  position: relative;
  padding-bottom: 200px;
  margin-top: 30px;
  height: 100%;
}

.Datasets__banner {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  height: 143px;
  background: white;
}

.Datasets__banner > ._container {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  position: relative;
  z-index: 2;
  // overflow: hidden;
}

.Datasets__logo {
  position: relative;
  z-index: 1;
  display: block;
  width: 110px;
  height: 62px;
  margin-top: 6px;
  margin-right: 34px;
  margin-bottom: 10px;
}

.Datasets__logo svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 110px;
  height: 62px;
}

.Datasets__sublogo {
  font-size: 12px;
  position: absolute;
  z-index: 1;
  bottom: -28px;
  left: 30px;
  color: rgb(0, 58, 82);
  font-weight: 600;
  border-top: 1px solid rgba(0, 73, 100, 0.3);
  padding-top: 2px;
  width: 78px;
}

.Datasets__actions {
  margin-top: 30px;
  width: 789px;
  display: flex;
  justify-content: flex-end;
}

.Datasets__actions > ._subActions {
  display: flex;
  justify-content: center;
  flex: 1;
}

.Datasets__actions > ._main {
  display: flex;
}

.Datasets__searchBar {
  float: left;
  width: 434px;
  display: inline-block;
  margin-right: 20px;
}

.Datasets__searchBar > .input {
  border: 1px solid #b7daf5;
  border-radius: 3px;
  font-size: 16px;
  height: 44px;
  width: 100%;
  padding: 13px;
}

.Datasets__generateReport {
  display: inline-block;
  margin-left: 20px;
}

.Datasets__generateReport > ._btn {
  background-color: white;
  border: 1px solid rgb(0, 103, 184);
  font-size: 15px;
  color: rgb(0, 103, 184);
  border-radius: 3px;
  padding: 10px 20px;
  height: 44px;
  white-space: nowrap;
}

.Datasets__generateReport > ._btn > ._content {
  display: flex;
  justify-content: center;
}

.Datasets__generateReport > ._btn > ._content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  margin-top: 4px;
  margin-right: 8px;
  float: left;
}

.Datasets__generateReport > ._btn > ._content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.Datasets__generateReport > ._btn > ._content > ._icon #barchart {
  fill: rgb(0, 103, 184);
}

.Datasets__generateReport > ._btn:hover {
  border-color: rgb(0, 103, 184);
}

.Datasets__ArchivedDatasets > ._btn {
  background-color: white;
  border: 1px solid #F8F7F7;
  font-size: 15px;
  color: #93918c;
  border-radius: 3px;
  padding: 10px 20px;
  height: 44px;
  white-space: nowrap;
}

.Datasets__ArchivedDatasets > ._btn > ._content {
  display: flex;
  justify-content: center;
}

.Datasets__ArchivedDatasets > ._btn > ._content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  margin-right: 5px;
  display: inline-block;
}

.Datasets__ArchivedDatasets > ._btn > ._content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
}

.Datasets__ArchivedDatasets > ._btn > ._content > ._icon * {
  fill: #b4b2ac;
}

.Datasets__ArchivedDatasets > ._btn:hover {
  border-color: rgb(210, 209, 205);
}

.Datasets__ArchivedDatasets > ._btn.disabled:hover {
  border-color: #F8F7F7;
}

.Datasets__actionList {
  display: inline-block;
  position: relative;
}

.Datasets__actionList > ._btn {
  background-color: white;
  border: none;
  font-size: 15px;
  color: #93918c;
  border-radius: 3px;
  padding: 10px 0;
  height: 44px;
}

.Datasets__actionList > ._btn > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-right: 5px;
  display: inline-block;
}

.Datasets__actionList > ._btn > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.Datasets__actionList > ._btn > ._icon * {
  fill: #b4b2ac;
}

.Datasets__actionList > ._btn:hover > ._icon * {
  fill: rgb(108, 107, 103);
}

.Datasets__createDataset {
  display: inline-block;
  margin-left: 20px;
}

.Datasets__createDataset > ._btn {
  background-color: rgb(0, 103, 184);
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: white;
  border-radius: 3px;
  padding: 10px 20px;
  height: 44px;
  white-space: nowrap;
}

.Datasets__createDataset > ._btn > ._content {
  display: flex;
  justify-content: center;
}

.Datasets__createDataset > ._btn > ._content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  margin-right: 5px;
  display: inline-block;
}

.Datasets__createDataset > ._btn > ._content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
}

.Datasets__createDataset > ._btn > ._content > ._icon #plus {
  fill: white;
}

.Datasets__createDataset > ._btn:hover {
  background-color: rgb(0, 93, 166);
}

.Datasets__groupBtn {
  display: inline-block;
  margin-right: 80px;
}

.Datasets__groupBtn > ._btn {
  display: inline-block;
  background-color: white;
  border: 1px solid rgba(180, 178, 172, 0.4);
  font-size: 15px;
  color: #b4b2ac;
  font-weight: 700;
  border-radius: 3px;
  padding: 10px 20px;
  height: 44px;
}

.Datasets__groupBtn > ._btn > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  margin-right: 5px;
  float: left;
}

.Datasets__groupBtn > ._btn > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
}

.Datasets__groupBtn > ._btn > ._icon * {
  fill: #b4b2ac;
}

.Datasets__supportBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  opacity: 0.7;
  color: #b4b2ac;
  font-size: 12px;
  border: 1px solid #b4b2ac;
  border-radius: 4px;
  padding: 3px 8px;
  color: rgb(0, 103, 184);
  border: 1px solid rgb(0, 103, 184);
  display: block;
  right: 85px;
  padding: 3px 8px;
}

.Datasets__listArea {
  position: absolute;
  z-index: 100;
  top: 143px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.Datasets__listArea > ._scrollbox {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}

.Datasets__listArea > ._scrollbox > ._container {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 100px;
}

.Datasets__listArea > ._scrollbox > ._container > ._insideFilter > ._row {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}

.Datasets__listArea > ._scrollbox > ._container > ._insideFilter > ._row.__industry {
  justify-content: flex-start;
}

.Datasets__listArea > ._scrollbox > ._container > ._insideFilter > ._row.__industry > .pendingMsg {
  font-size: 14px;
  padding-left: 15px;
  padding-top: 5px;
  color: #F6A83D;
}

.Datasets__listArea > ._scrollbox > ._container > ._insideFilter > ._row > ._link {
  display: inline-block;
  opacity: 0.9;
  font-size: 14px;
  border: 1px solid rgb(0, 103, 184);
  border-radius: 4px;
  padding: 4px 8px;
}

.Datasets__listArea > ._scrollbox > ._container > ._insideFilter > ._row > ._link:hover {
  opacity: 1;
}

.Datasets__TagList {
  position: relative;
  padding-top: 40px;
  margin-right: 10px;
}

.Datasets__TagList > .TagSelect {
  position: absolute;
  z-index: 9000;
  display: block;
  left: 0;
  top: 0;
  right: 0;
}

.Datasets__BulkDownloadBtn {
  margin-bottom: 20px;
}

.Datasets__BulkDownloadBtn > ._content > ._btn {
  background-color: white;
  border: 1px solid #F8F7F7;
  font-size: 15px;
  color: #93918c;
  border-radius: 3px;
  padding: 10px 20px;
  height: 44px;
  white-space: nowrap;
}

.Datasets__BulkDownloadBtn > ._content > ._btn > ._content {
  display: flex;
  justify-content: center;
}

.Datasets__BulkDownloadBtn > ._content > ._btn > ._content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  margin-right: 5px;
  display: inline-block;
}

.Datasets__BulkDownloadBtn > ._content > ._btn > ._content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
}

.Datasets__BulkDownloadBtn > ._content > ._btn > ._content > ._icon * {
  fill: #b4b2ac;
}

.Datasets__BulkDownloadBtn > ._content > ._btn:hover {
  border-color: rgb(210, 209, 205);
}

.Datasets__carbonCalculator {
  display: inline-block;
  margin-left: 20px;
}

.Datasets__carbonCalculator > ._btn {
  display: block;
  background-color: white;
  border: 1px solid #80cf53;
  font-size: 15px;
  color: #80cf53;
  border-radius: 3px;
  padding: 10px 20px;
  height: 44px;
  white-space: nowrap;
}

.Datasets__carbonCalculator > ._btn:hover {
  border-color: #80cf53;
}


.Filter__FilteredList >._header {
    padding-left: 10px;
    padding-top: 40px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.Filter__FilteredList >._header >._text {
    font-size: 14px;
    color: #93918c;
    margin-right: 14px;
}
.Filter__FilteredList >._header >._text >._groupTag {
    display: inline-block;
    background: rgba(0, 103, 184, 0.2);
    padding: 6px 8px;
    border-radius: 3px;
    color: rgb(0, 103, 184);
    font-weight: 700;
    font-size: 12px;
    margin-left: 4px;
}
.Filter__FilteredList >._header >._btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 3px;
    padding: 6px 8px;
    font-size: 14px;
    color: #b4b2ac;
}
.Filter__FilteredList >._header >._btn >._icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
}
.Filter__FilteredList >._header >._btn >._icon svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
}
.Filter__FilteredList >._header >._btn >._icon * {
    fill: #b4b2ac;
}
.Filter__FilteredList.is-in-filter >._list {
    border-radius: 4px;
    padding: 0 6px;
    margin-left: -6px;
    margin-right: -6px;
}
.root__RecentlyOpen__23Lrl {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 400px;
}

.title__RecentlyOpen__3Rnjn {
  padding-right: 10px;
  width: 100px;
}

.text__RecentlyOpen__1V0bY {
  font-size: 14px;
  color: #93918c;
}

.item__RecentlyOpen__2PLda {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  text-align: left;
  background: rgba(183, 218, 245, 0.3);
  border-radius: 3px;
  font-size: 14px;
  padding: 8px 12px;
  color: rgb(110, 131, 147);
  border: 1px solid rgba(183, 218, 245, 0);
}

.item__RecentlyOpen__2PLda:hover {
  border: 1px solid rgba(183, 218, 245, 0.6);
}
.Archive {
  padding-top: 20px;
  min-width: 1000px;
}
.Archive >._title {
  font-size: 21px;
}
.Archive >._subtitle {
  font-size: 14px;
  color: #93918c;
  padding-bottom: 20px;
}
.ArchiveList >._list >._noItems {
    text-align: center;
    display: block;
    padding: 40px;
    padding-bottom: 80px;
}

.DownloadPortal__BannerPortal {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 0;
}

.DownloadPortal__BannerPortal >._content {
  width: 1000px;
  margin: 0 auto;
}

.DownloadPortal__Filterbar {
  position: absolute;

  border-top: 1px solid #F8F7F7;
  border-bottom: 1px solid #F8F7F7;
  left: 0;
  right: 0;
  bottom: 0;
}

.DownloadPortal__Filterbar >._content {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

.DownloadPortal__Datasets {
  position: relative;

  background-color: white;
  border-radius: 5px;
  margin: 0 auto;
}

.DownloadPortal__Datasets >._title {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-right: 305px;
  padding-left: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.DownloadPortal__Datasets >._title >._selectall {
  position: absolute;
  right: 385px;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 3px;
  width: 70px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
}

.DownloadPortal__Datasets >._title >._selectall:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DownloadPortal__Datasets >._title >._clearall {
  position: absolute;
  right: 305px;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 3px;
  width: 70px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
}

.DownloadPortal__Datasets >._title >._clearall:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DownloadPortal__Datasets >._list {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}

.DownloadPortal__ReportModalDatasetList {
  position: relative;
}

.DownloadPortal__ReportModalDatasetList__block {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

  background: rgba(255, 255, 255, 0.5);
}



.DownloadPortal__ReportModalDatasetList__button {
  width: 100;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #F8F7F7;
  border: 1px solid #F8F7F7;
  border-radius: 3px;

  text-align: left;
  font-size: 14px;
  color: #93918c;
}



.DownloadPortal__ReportModalDatasetList__button >._year, .DownloadPortal__ReportModalDatasetList__button >._farm, .DownloadPortal__ReportModalDatasetList__button  {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}



.DownloadPortal__ReportModalDatasetList__button >._name {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.DownloadPortal__ReportModalDatasetList__button >._user {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 130px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.DownloadPortal__ReportModalDatasetList__button >._actual {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}



.DownloadPortal__ReportModalDatasetList__button:hover {
  border: 1px solid #93918c;
}



.DownloadPortal__ReportModalDatasetList__button.is-selected {
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
}



.DownloadPortal__ReportModalDatasetList__button.is-selected:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DownloadPortal__ReportModalDatasets__subBanner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content {
  position: relative;
  height: 100;
  width: 1000px;
  margin: auto;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn {
  position: absolute;
  top: -80px;
  left: 20px;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn {
  display: flex;
  background: none;
  border: 1px solid #b4b2ac;
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 14px;
  color: #b4b2ac;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 3px;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon * {
  fill: #b4b2ac;
}

.DownloadPortal__ReportModalDatasets__filterControl{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 20px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header {
  width: 640px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 10px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._year, .DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._farm, .DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header  {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._name {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._user {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 130px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}


.DownloadPortal__FilteringDatasetList {
  padding-top: 20px;

  width: 675px;
}
.DownloadPortal__FilteringDatasetList >._insideFilter {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}
.DownloadPortal__SmallFilterbar {
  height: 0;
}
.DownloadPortal__SmallFilterbar >._container {
  border-bottom: 1px solid #F8F7F7;
}
.DownloadPortal__SmallFilterbar >._container >._content {
  background: white;
  padding-right: 0;
}
.DownloadPortal__FilterControls {
  padding-bottom: 10px;
  background-color: white;
}


.DownloadPortal__FilterControls >._container {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  position: relative;
}


.DownloadPortal__FilterControls__NameCol {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;

  margin-right: 30px;
}


.DownloadPortal__FilterControls__NameCol >._btn {
  background: none;
  border: none;
  padding: 0;
}


.DownloadPortal__FilterControls__NameCol >._btn >._content {
  display: flex;
}


.DownloadPortal__FilterControls__NameCol >._btn >._content >._icon {
  margin-right: 4px;
}


.DownloadPortal__FilterControls__NameCol >._btn >._content >._icon * {
  fill: rgba(180, 178, 172, 0.6);
}


.DownloadPortal__GroupModal {
  user-select: none;
  cursor: pointer;
  background: rgba(55, 56, 58, 0.3);
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.DownloadPortal__GroupModal__innerContainer {

  position: absolute;
  top: 16px;
  left: 175px;
  height: 0;
}

.DownloadPortal__GroupModal__innerContainer >._content {
  position: relative;
  cursor: default;
  background: white;
  border-radius: 4px;
  width: 350px;
  height: 500px;
}

.DownloadPortal__GroupModal__innerContainer >._content >._arrow {
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 50%;
  margin-left: -8px;
}

.DownloadPortal__GroupModal__innerContainer >._content >._arrow.is-left {
  left: 36px;
  margin-left: 0;
}

.DownloadPortal__GroupModal__innerContainer >._content >._arrow.is-right {
  left: auto;
  right: 36px;
  margin-left: 0;
}

.DownloadPortal__GroupModal__innerContainer >._content >._arrow ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
}

.DownloadPortal__GroupModal__innerContainer >._content >._arrow ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.DownloadPortal__GroupModal__innerContainer >._content >._arrow ._icon * {
  fill: white;
}


.DownloadPortal__Filter__FilteredList >._header {
    padding-left: 10px;
    padding-top: 40px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.DownloadPortal__Filter__FilteredList >._header >._text {
    font-size: 14px;
    color: #93918c;
    margin-right: 14px;
}
.DownloadPortal__Filter__FilteredList >._header >._text >._groupTag {
    display: inline-block;
    background: rgba(0, 103, 184, 0.2);
    padding: 6px 8px;
    border-radius: 3px;
    color: rgb(0, 103, 184);
    font-weight: 700;
    font-size: 12px;
    margin-left: 4px;
}
.DownloadPortal__Filter__FilteredList >._header >._btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 3px;
    padding: 6px 8px;
    font-size: 14px;
    color: #b4b2ac;
}
.DownloadPortal__Filter__FilteredList >._header >._btn >._icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
}
.DownloadPortal__Filter__FilteredList >._header >._btn >._icon svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
}
.DownloadPortal__Filter__FilteredList >._header >._btn >._icon * {
    fill: #b4b2ac;
}
.DownloadPortal__Filter__FilteredList.is-in-filter >._list {
    border-radius: 4px;
    padding: 0 6px;
    margin-left: -6px;
    margin-right: -6px;
}
.DownloadPortal__FilterHeader {

  padding-left: 5px;
  padding-top: 16px;
  display: flex;
  align-items: center;
}

.DownloadPortal__FilterHeader >._box {

  margin-right: 10px;
}

.DownloadPortal__FilterHeader >._list {

  margin-right: 14px;

  flex: 1;

  display: flex;

  align-items: flex-end;

  padding-bottom: 4px;
}

.DownloadPortal__FilterHeader >._list >._intro {

  margin-right: 14px;

  font-weight: 700;

  font-size: 14px;
}

.DownloadPortal__FilterHeader >._list >._filters {

  flex: 1;
}

.DownloadPortal__FilterHeader >._hightlightText {

  font-size: 14px;

  color: #F6A83D;

  font-weight: 700;

  margin-right: 14px;
}

.DownloadPortal__FilterHeader >._btn {

  width:  ;

  background: none;

  border: none;

  border-radius: 3px;

  padding: 6px 8px;

  font-size: 14px;

  color: #b4b2ac;
}

.DownloadPortal__FilterHeader >._btn >._content {

  display: flex;

  align-items: center;

  justify-content: center;
}

.DownloadPortal__FilterHeader >._btn >._content >._icon {

  position: relative;

  z-index: 1;

  display: block;

  width: 10px;

  height: 10px;

  margin-right: 4px;
}

.DownloadPortal__FilterHeader >._btn >._content >._icon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 10px;

  height: 10px;
}

.DownloadPortal__FilterHeader >._btn >._content >._icon * {

  fill: #b4b2ac;
}

.DownloadPortal__FilterHeader__Item {
  display: inline-block;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 6px 8px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
  margin-left: 4px;
  margin-top: 5px;
}

.DownloadPortal__FilterHeader__Item:hover {

  border: 1px solid rgb(0, 103, 184);
}


.DownloadPortal__Filter__UnFilteredList {
  padding-top: 20px;
}
.DownloadPortal__Filter__UnFilteredList >._list >._subGroup {
  padding-bottom: 20px;
}
.DownloadPortal__Filter__UnFilteredList >._list >._subGroup >._header {
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-top: 10px;
}
.DownloadPortal__Filter__UnFilteredList >._list >._subGroup >._header >._box {
  padding-right: 10px;
}
.DownloadPortal__Filter__UnFilteredList >._list >._subGroup >._header >._text {
  font-size: 14px;
  font-weight: 700;
}
.DownloadPortal__Filter__UnFilteredList >._header {
  padding-left: 10px;
  padding-top: 40px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.DownloadPortal__Filter__UnFilteredList >._header >._text {
  font-size: 14px;
  color: #93918c;
  margin-right: 14px;
}
.DownloadPortal__Filter__UnFilteredList >._header >._text >._groupTag {
  display: inline-block;
  background: rgba(0, 103, 184, 0.2);
  padding: 6px 8px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
  margin-left: 4px;
}
.DownloadPortal__Filter__UnFilteredList >._header >._btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 14px;
  color: #b4b2ac;
}
.DownloadPortal__Filter__UnFilteredList >._header >._btn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 4px;
}
.DownloadPortal__Filter__UnFilteredList >._header >._btn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}
.DownloadPortal__Filter__UnFilteredList >._header >._btn >._icon * {
  fill: #b4b2ac;
}
.DownloadPortal__Filter__UnFilteredList.is-in-filter >._list {
  border-radius: 4px;
  padding: 0 6px;
  margin-left: -6px;
  margin-right: -6px;
}


.DownloadPortal__ReportModalSelectedList {
  z-index: 1;
  margin-top: 10px;
}

.DownloadPortal__ReportModalSelectedList >._item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DownloadPortal__ReportModalSelectedList >._item >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}

.DownloadPortal__ReportModalSelectedList >._item >._delete {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
}

.DownloadPortal__ReportModalSelectedList >._item >._delete >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
}

.DownloadPortal__ReportModalSelectedList >._item >._delete >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}

.DownloadPortal__ReportModalSelectedList >._item >._delete >._icon * {
  fill: rgba(0, 103, 184, 0.3);
}

.DownloadPortal__ReportModalSelectedList >._item >._delete >._icon :hover * {
  fill: rgba(0, 103, 184, 0.7);
}

.DownloadPortal__ReportModalEmptyList {
  margin-top: 10px;
}

.DownloadPortal__ReportModalEmptyList >._item {
  color: rgb(0, 103, 184);
  text-align: center;
  opacity: 0.6;
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  border: 2px dashed rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
}

.DownloadPortal__ReportModalDatasets__submitBtn {
  opacity: 0.3;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid white;
  outline: 2px solid white;
  cursor: inherit;
}

.DownloadPortal__ReportModalDatasets__submitBtn >._content {
  display: flex;
  justify-content: center;
}

.DownloadPortal__ReportModalDatasets__submitBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.DownloadPortal__ReportModalDatasets__submitBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.DownloadPortal__ReportModalDatasets__submitBtn >._content >._icon * {
  fill: white;
}

.DownloadPortal__ReportModalDatasets__submitBtn.is-clickable {
  opacity: 1.0;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
  cursor: pointer;
}

.DownloadPortal__ReportModalSelectedDatasets {

    padding-top: 20px;
  }

.DownloadPortal__ReportModalSelectedDatasets >._listContainer {
  margin-right: 20px;
  width: 250px;
  padding: 20px;
  padding-top: 12px;
  border-radius: 5px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  display: flex;
  flex-direction: column;
}

.DownloadPortal__ReportModalSelectedDatasets >._listContainer >._title {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #93918c;
  text-align: center;
  font-weight: 700;
}

.UnsavedDatasetOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;

  background: rgba(255, 255, 255, 0.7);
}
.ConfirmActions-wrapper {
  width: 550px;
  border-radius: 6px;
  position: absolute;
  padding: 30px 40px;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  border: 1px solid rgb(0, 103, 184);
}

.ConfirmActions >._title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
  text-align: center;
}

.ConfirmActions >._dataset {
  font-size: 21px;
  text-align: center;
  padding-bottom: 5px;
}

.ConfirmActions >._subtitle {
  font-size: 14px;
  padding-bottom: 15px;
  text-align: center;
}

.ConfirmActions >._actions {
  display: flex;
  justify-content: center;
}

.ConfirmActions >._actions >._btn {
  background: rgb(0, 103, 184);
  color: white;
  border-radius: 3px;
  font-size: 14px;
  border: none;
  font-weight: bold;
  padding: 10px 20px;
  margin-left: 10px;
}

.ConfirmActions >._actions >._btn.is-disabled {
  opacity: 0.5;
}

.ConfirmActions >._actions >._discardBtn {
  background: none;
  color: #93918c;
  border: 1px solid #b4b2ac;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 20px;
}

.ConfirmActions >._actions >._discardBtn.is-disabled {
  opacity: 0.5;
}

.ConfirmActions >._mainAction {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(183, 218, 245, 0.4);
  margin-bottom: 30px;
}

.ConfirmActions >._mainAction >._btn {
  background: white;
  color: rgb(0, 68, 132);
  border-radius: 4px;
  padding: 10px 12px;
  padding-top: 11px;
  border: 2px solid rgb(0, 68, 132);
}

.ConfirmActions >._mainAction >._btn >._content {
  display: flex;
  justify-content: center;
}

.ConfirmActions >._mainAction >._btn >._content >._label {
  font-size: 16px;
  font-weight: bold;
}

.ConfirmActions >._mainAction >._btn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-left: 10px;
}

.ConfirmActions >._mainAction >._btn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.ConfirmActions >._mainAction >._btn >._content >._icon * {
  fill: rgba(0, 68, 132, 0.8);
}

.ConfirmActions >._actions >._overwriteBtn {
    background: none;
    color: #F6A83D;
    border: 1px solid #F6A83D;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px;
    margin-left: 10px;
}
.ConfirmActions >._actions >._overwriteBtn.is-disabled {
    opacity: 0.5;
}
.Datasets__Filterbar {
  position: absolute;

  border-top: 1px solid #F8F7F7;
  border-bottom: 1px solid #F8F7F7;
  left: 0;
  right: 0;
  bottom: 0;
}
.Datasets__Filterbar >._content {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}


.ActionListModal {
  user-select: none;
  cursor: pointer;
  background: rgba(55, 56, 58, 0.3);
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.ActionListModal__innerContainer {

  position: absolute;
  top: 16px;
  left: 175px;
  height: 0;
}

.ActionListModal__innerContainer >._content {
  position: relative;
  cursor: default;
  background: white;
  border-radius: 4px;
  padding: 20px;
}

.ActionListModal__innerContainer >._content >._arrow {
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 50%;
  margin-left: -8px;
}

.ActionListModal__innerContainer >._content >._arrow.is-left {
  left: 36px;
  margin-left: 0;
}

.ActionListModal__innerContainer >._content >._arrow.is-right {
  left: auto;
  right: 36px;
  margin-left: 0;
}

.ActionListModal__innerContainer >._content >._arrow ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
}

.ActionListModal__innerContainer >._content >._arrow ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.ActionListModal__innerContainer >._content >._arrow ._icon * {
  fill: white;
}
.Editor__logo {
  display:none;
  position:absolute;
  left:-120px;
  top:34px;
  z-index:200;
}

@media (min-width:82em) {

  .Editor__logo {
    display:block;
  }
}

.Editor__content {
  position: absolute;
  z-index: 1;
  top: 31px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.Editor__content >._innerContainer {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
  padding-top: 200px;
  padding-left: 235px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.Editor__sidebar {
  width: 180px;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -492px;
  z-index: 8999;
}

.Editor__tabTitle {
  font-size: 18px;
  line-height: 1.2;
  padding-top: 14px;
  padding-bottom: 5px;
  border-bottom: 1px solid #F8F7F7;
  margin-bottom: 10px;
}

.Editor__tabTotals {
  padding-bottom: 30px;
}

.Editor__saveBtn {
  position: absolute;
  z-index: 2;
  right: 200px;
  top: 0;
  padding: 5px;
  border: none;
  background: none;
  color: white;
  line-height: 1.2;
}

.Editor__saveBtn:hover {}

.Editor__saveBtn >._icon {
  position:relative;
  z-index:1;
  display:inline-block;
  width:10px;
  height:10px;
}

.Editor__saveBtn >._icon svg {
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:10px;
  height:10px;
}

.Editor__saveBtn >._icon * {
  fill: white;
}

.Editor__saveBtn >._text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 300;
  font-size: 12px;
}

.AbortModal-wrapper {
  width: 550px;
  border-radius: 6px;
  position: absolute;
  padding: 30px 40px;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.AbortModal >._title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 5px;
}

.AbortModal >._subtitle {
  font-size: 14px;
  padding-bottom: 15px;
}

.AbortModal >._actions >._btn {
  background: rgb(0, 103, 184);
  color: white;
  border-radius: 3px;
  font-size: 14px;
  border: none;
  font-weight: bold;
  padding: 10px 20px;
  margin-left: 10px;
}

.AbortModal >._actions >._btn.is-disabled {
  opacity: 0.5;
}

.AbortModal >._actions >._discardBtn {
  background: none;
  color: #93918c;
  border: 1px solid #b4b2ac;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 20px;
}

.AbortModal >._actions >._discardBtn.is-disabled {
  opacity: 0.5;
}

.FeedGroup {
  padding-bottom: 30px;
}

.Feed__topRow {
  display: flex;

}

.Feed__topRow >._addButton {
  height: 30px;
  margin-top: 10px;
}

.Feed__topRow >._type {
  display: block;
  width: 175px;
  font-size: 13px;
  margin-left: 30px;
}

.Feed__topRow >._pastureSurplus {
  display: flex;
  color: rgb(0, 103, 184);
  margin-left: 30px;
  margin-top: 32px;
}

.Feed__topRow >._pastureSurplus >.Land__output {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  transform: translateY(-10px);
  width: 65px;
  height: 35px;
  margin-left: 15px;
}

.Feed__topRow >._balancing {
  display: block;
  margin-left: 30px;
}

.Feed__topRow >._balancing >._switch {
  display: flex;
  width: 250px;
  font-size: 14px;
  color: rgb(0, 103, 184);
}

.Feed__topRow >._balancing >._switch >._label {
  padding-top:3px;
}

.Feed__topRow >._balancing >._surplus {
  display: flex;
  color: rgb(0, 103, 184);
}

.Feed__topRow >._balancing >._surplus >.Land__output {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  transform: translateY(-10px);
  width: 65px;
  height: 35px;
  margin-left: 15px;
}

.Feed__topRow >._help {
  margin-top: 6px;
}



.Feed__help {
	width: 430px;
  font-size: 13px;
  color: #93918c;
  margin-left: 255px;
  margin-bottom: 25px;
}.OutputTotal {
  user-select: none;
  cursor: default;
  position: relative;
  min-height: 70px;
  width: 130px;
  padding-left: 15px;
  border-bottom: 1px dashed rgb(0, 103, 184);
}

.OutputTotal.has-description {
  cursor: pointer;
}

.OutputTotal >._value {
  font-size: 23px;
  line-height: 1.2;
  color: rgb(0, 103, 184);
}

.OutputTotal >._label {
  font-size: 12px;
  line-height: 1.3;
  display: block;
  color: rgb(0, 103, 184);
}

.OutputTotal >._units {
  font-size: 12px;
  margin-top: -2px;
  display: block;
  color: rgb(0, 103, 184);
  font-weight: 300;
}

.OutputTotal >._bar {
  position: absolute;
  z-index: 1;
  bottom: -1px;
  top: 0;
  left: 0;
  width: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: rgb(0, 103, 184);
}

.OutputTotal.bronze {
  border-color: #b89d7a;
}

.OutputTotal.bronze >._bar {
  background-color: #b89d7a;
}

.OutputTotal.bronze >._value {
  color: #b89d7a;
}

.OutputTotal.bronze >._label {
  color: rgb(166, 141, 110);
}

.OutputTotal.bronze >._units {
  color: #b89d7a;
}

.OutputTotal.yellow {
  border-color: #f9b458;
}

.OutputTotal.yellow >._bar {
  background-color: #f9b458;
}

.OutputTotal.yellow >._value {
  color: #f9b458;
}

.OutputTotal.yellow >._label {
  color: rgb(224, 162, 79);
}

.OutputTotal.yellow >._units {
  color: #f9b458;
}

.OutputTotal.purple {
  border-color: #6661b2;
}

.OutputTotal.purple >._bar {
  background-color: #6661b2;
}

.OutputTotal.purple >._value {
  color: #6661b2;
}

.OutputTotal.purple >._label {
  color: rgb(92, 87, 160);
}

.OutputTotal.purple >._units {
  color: #6661b2;
}

.OutputTotal.green {
  border-color: #9cd075;
}

.OutputTotal.green >._bar {
  background-color: #9cd075;
}

.OutputTotal.green >._value {
  color: #9cd075;
}

.OutputTotal.green >._label {
  color: rgb(140, 187, 105);
}

.OutputTotal.green >._units {
  color: #9cd075;
}

.OutputTotal.grass {
  border-color: #aed061;
}

.OutputTotal.grass >._bar {
  background-color: #aed061;
}

.OutputTotal.grass >._value {
  color: #aed061;
}

.OutputTotal.grass >._label {
  color: rgb(157, 187, 87);
}

.OutputTotal.grass >._units {
  color: #aed061;
}

.OutputTotal.bronze-light {
  border-color: #d9bea3;
}

.OutputTotal.bronze-light >._bar {
  background-color: #d9bea3;
}

.OutputTotal.bronze-light >._value {
  color: #d9bea3;
}

.OutputTotal.bronze-light >._label {
  color: rgb(195, 171, 147);
}

.OutputTotal.bronze-light >._units {
  color: #d9bea3;
}

.OutputTotal__descriptionText {
  font-size: 14px;
  color: white;
  font-weight: 400;
  line-height: 1.4;
}

.ColumnWrapper {
  display: flex;
  padding-top: 20px;
}

.ColumnWrapper >._col {
  padding-left: 15px;
  padding-right: 15px;
}

.ColumnWrapper >._col:first-child {
  padding-left: 0;
  padding-right: 10px;
}

.ColumnWrapper >._col:last-child {
  padding-right: 0;
  padding-left: 10px;
}

.ColumnWrapper--rows {
  padding-top: 10px;
}

.ColumnWrapper--rows >._row {
  display: flex;
}

.ColumnWrapper--rows >._row >._col {
  padding-left: 15px;
  padding-right: 15px;
}

.ColumnWrapper--rows >._row >._col:first-child {
  padding-left: 0;
  padding-right: 10px;
}

.ColumnWrapper--rows >._row >._col:last-child {
  padding-right: 0;
  padding-left: 10px;
}
.TabHeader__container {
  position: absolute;
  height: 0;
  z-index: 1;
  top: 31px;
  left: 0;
  right: 0;
}

.TabHeader {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 230px;
  background-color: white;
}

.TabHeader__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.TabHeader__content >._title {
  width: 230px;
  font-size: 18px;
  padding-left: 5px;
  padding-top: 5px;
  font-weight: 700;
}

.TabHeader__content >._reportBtn ._btn {
  background-color: white;
  color: rgb(0, 103, 184);
  border: 1px solid rgb(0, 103, 184);
  border-radius: 4px;
  padding: 5px 10px;
  padding-bottom: 6px;
  font-size: 12px;
  margin-left: 20px;
}

.TabHeader__content >._reportBtn ._btn >._content {
  display: flex;
}

.TabHeader__content >._reportBtn ._btn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: 5px;
}

.TabHeader__content >._reportBtn ._btn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.TabHeader__content >._reportBtn ._btn >._content >._icon * {
  fill: rgb(0, 103, 184);
}

.TabHeader__content >._reportBtn ._btn >._content >._text {
  padding-left: 5px;
  font-size: 14px;
}

.TotalsBanner {

  height: 85px;
  background: rgba(183, 218, 245, 0.2);
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  padding: 5px 20px;

  box-shadow: 0px 2px 2px 0px rgba(183, 218, 245, 0.23);
}

.FinancialTotals {
  height: 100%;
}

.FinancialTotals__outputs {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;

  font-size: 16px;
  color: #37383A;

}

.FinancialTotals__outputs >._totalCol {
  margin-top: -10px;
}

.FinancialTotals__outputs >._totalCol >._total {
  cursor: pointer;
}

.FinancialTotals__outputs >._outputCols {
  margin-top: -10px;
  display: flex;
  justify-content: flex-end;
  width: 350px;
}

.FinancialTotals__outputs >._outputCols >._col {
  position: relative;
  margin-left: 20px;
  min-width: 85px;
  text-align: right;
}

.FinancialTotals__outputs >._outputCols >._col ._label {
  padding-right: 13px;
}
.TableColSelect .SelectInput {
    position: static;
}
.TableColSelect .SelectInput__dropdown {
    position: static;
}
.TableColSelect .SelectInput__dropdown .SelectInput__field {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
}
.TableColSelect .SelectInput__dropdown:after {
    width: 0;
}
.TableColSelect .SelectInput__dropdown >._icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 2px;
    top: auto;
    right: 0;
    opacity: 0.6;
}
.TableColSelect .SelectInput__dropdown >._icon svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
}
.TableColSelect .SelectInput__dropdown >._icon * {
    fill: rgb(0, 103, 184);
}
.GenericTotal >._value {
    display: block;
    font-size: 26px;
    color: rgb(0, 103, 184);
}
.GenericTotal >._label {
    display: block;
    font-size: 12px;
    color: rgb(0, 103, 184);
    margin-top: -2px;
    line-height: 1.2;
}
.PhysicalTotals {
  display: flex;
}
.PhysicalTotals >._total {
  margin-right: 45px;
  cursor: pointer;
}
.TabHeader__copyMessage {
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 1px;

  color: #93918c;
}
.TabHeader__copyMessage ._copyBtn {
  background: none;
  border: none;
  text-decoration: underline;
  padding: 0;
  color: rgb(0, 103, 184);
}
.TabHeader__actions {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.TabHeader__actions >._saveBtn {
  font-size: 12px;
}
.TabHeader__actions >._saveBtn ._btn {
  display: inline-block;
  margin-top: 4px;
  margin-left: 12px;
  font-weight: 700;
  border: 1px solid rgba(246, 168, 61, 0.3);
  border-radius: 2px;
  background: white;
  padding: 4px 10px 4px 10px;
}
.TabHeader__actions ._message {
  display: flex;
  padding-top: 9px;
  font-size: 13px;
}
.TabHeader__actions ._message >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-top: 1px;
}
.TabHeader__actions ._message >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}
.TabHeader__actions.is-pending {
  color: #F6A83D;
}
.TabHeader__actions.is-pending ._message ._icon * {
  fill: #F6A83D;
}
.TabHeader__actions.is-saved {
  color: #b4b2ac;
}
.TabHeader__actions.is-saved ._message ._icon * {
  fill: #b4b2ac;
}
.TabHeader__actions.is-modified {
  color: #F6A83D;
}
.TabHeader__actions.is-modified ._message ._icon * {
  fill: #F6A83D;
}
.TabHeader__actions.is-error {
  color: rgb(212, 71, 15);
}
.TabHeader__actions.is-error ._message ._icon * {
  fill: rgb(212, 71, 15);
}
.FeedForm {
  width: 600px;
}

.FeedForm > ._title {
  display: flex;
  padding-bottom: 2px;
  border-bottom: 1px solid #F8F7F7;
  margin-bottom: 10px;
  margin-top: -10px;
  font-size: 13px;
  font-weight: 700;
}

.FeedForm__group {
  display: flex;
  padding-bottom: 20px;


}

.FeedForm__group ._col {
  width: 180px;
  padding-right: 10px;
}

.FeedForm__group ._col ._selectInput {
  padding-bottom: 20px;
}

.FeedForm__group ._col ._selectInput .DescriptionLabel {
  font-size: 12px;
  padding-bottom: 4px;
}

.FeedForm__group ._col ._radioInput .DescriptionLabel {
  font-size: 12px;
  padding-bottom: 4px;
}
.LabelWrapper {
  display: block;
  margin-bottom: 20px;
}
.LabelWrapper >._description {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.3;
  opacity: 0.5;
  margin-right: 55px;
}
.LabelWrapper >._title {
  display: block;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: 300;
}
.LabelWrapper .NumberInput, .LabelWrapper .InputNumber {
  width: 120px;
  font-size: 16px;
}
.LabelWrapper .__physicalOutput {
  width: 120px;
}
.LabelWrapper .RadioInput {
  width: 100px;
}
.LabelWrapper .RadioInput >._field >._option {
  padding: 9px;
  padding-bottom: 10px;
}
.LabelWrapper .NumberOutput {
  display: block;
  line-height: 1.0;
  opacity: 0.9;
}
.LabelWrapper >._paddedOutput {
  padding-top: 7px;
  padding-bottom: 7px;
}
.LabelWrapper.is-alternate .NumberOutput {
  color: rgb(38, 126, 195);
}
.LabelWrapper.is-alternate ._title {
  color: rgb(51, 133, 198);
}



.InputNumber {
  width: 100%;
  position: relative;
  border: 1px solid rgb(183, 218, 245);
  border-radius: 2px;
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  cursor: text;
}




.InputNumber.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}




.InputNumber >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 500;
  top: 50%;
  margin-top: -8px;
  right: 8px;
}




.InputNumber >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}




.InputNumber >._icon * {
  fill: rgb(183, 218, 245);
}




.InputNumber >._btn {
  color: rgb(0, 103, 184);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 10px;
  cursor: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}




.InputNumber >._input {
  color: rgb(0, 103, 184);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 10px;
  cursor: inherit;
  position: relative;
  z-index: 2;
  opacity: 0;
  width: 100%;
  border: none;
  -webkit-font-smoothing: antialiased;
}




.InputNumber >._input:focus {
  opacity: 1.0;
}




.InputNumber >._clearErrorBtn {
  opacity: 0.5;
  background: none;
  border: none;
  padding: 4px;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -10px;
}




.InputNumber >._clearErrorBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
}




.InputNumber >._clearErrorBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}




.InputNumber >._clearErrorBtn >._icon * {
  fill: #b4b2ac;
}




.InputNumber.is-focused {
  border-color: rgb(0, 103, 184);
}




.InputNumber.is-focused >._clearErrorBtn {
  display: none;
}




.InputNumber.is-waiting {
  border-color: rgb(183, 218, 245);
  -webkit-animation: pulsate 1.5s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 1.0;
}




.InputNumber.is-error {
  border-color: rgb(212, 71, 15);
}




.InputNumber.is-error >._input {
  color: rgb(212, 71, 15);
}




.InputNumber.is-error >._btn {
  color: rgb(212, 71, 15);
  padding-right: 22px;
}




.InputNumber.is-error >._btn:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 22px;
  background-color: white;
}




@-webkit-keyframes pulsate {
    0% {opacity: 1.0;}
    50% {opacity: 0.2;}
    100% {opacity: 1.0;}
}


.RadioSwitch {
  cursor: pointer;
}
.RadioSwitch.not-editable {
  cursor: not-allowed;
  opacity: 0.6;
}
.RadioSwitch >._field {
  overflow: hidden;
  max-width: 310px;
}
.RadioSwitch >._field.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.RadioSwitch >._field >._option {
  opacity: 0.5;
  border-radius: 2px;
  background-color: transparent;
  cursor: inherit;
  width: 50%;
  float: left;
  position: relative;
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 9px;
  padding-top: 8px;
  text-align: center;
}
.RadioSwitch >._field >._option ._text {
  font-size: 13px;
  text-align: center;
  color: rgb(0, 103, 184);
  display: block;
}
.RadioSwitch >._field >._option:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.RadioSwitch >._field >._option:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.RadioSwitch >._field >._option.is-selected {
  background-color: rgb(0, 103, 184);
  opacity: 1.0;
}
.RadioSwitch >._field >._option.is-selected ._text {
  color: white;
}
.RadioList {

}

.RadioList__item {
  position: relative;
  display: block;
  background: none;
  border: none;
}

.RadioList__item >._box {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  margin-right: 8px;
  margin-top: 5px;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid rgb(0, 103, 184);
}

.RadioList__item >._box >._check {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: rgb(0, 103, 184);
}

.RadioList__item.is-selected >._box >._check {
  display: block;
}


.FeedItems >._title {
  padding-bottom: 20px;
  font-size: 14px;
}

.Feed__zeroState >._title {
  padding-top: 40px;
  padding-left: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #b4b2ac;
}

.FeedItems__rowContainer {
  display: flex;
}

.FeedItems__deleteBtn {
  padding-top: 17px;
  margin-left: 10px;
  width: 30px;
}

.FeedItems__deleteBtn .generic__deleteBtn>._icon * {
  fill: rgba(180, 178, 172, 0.5);
}

.FeedItems__deleteBtn:hover .generic__deleteBtn>._icon * {
  fill: rgba(212, 71, 15, 0.5);
}

.FeedItems__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.FeedItems__row.is-header {
  padding-right: 80px;
}

.FeedItems__row.is-item {
  padding: 5px;
  padding-left: 8px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #F8F7F7;
  background-color: #F8F7F7;
  cursor: pointer;
}

.FeedItems__row.is-item:hover {
  border: 1px solid rgba(180, 178, 172, 0.4);
}

.FeedItems__row >._col1 {
  font-size: 12px;
  width: 140px;
  text-align: left;
  width: 180px;
}

.FeedItems__row >._col1.is-header {
  font-weight: 700;
}

.FeedItems__row >._col1 >._unit {
  font-weight: 400;
  display: inline-block;
  padding-left: 8px;
  opacity: 0.6;
}

.FeedItems__row >._col2 {
  font-size: 12px;
  width: 140px;
  text-align: left;
  text-align: center;
}

.FeedItems__row >._col2.is-header {
  font-weight: 700;
}

.FeedItems__row >._col3 {
  font-size: 12px;
  width: 140px;
  text-align: left;
  text-align: center;
}

.FeedItems__row >._col3.is-header {
  font-weight: 700;
}

.FeedItems__row >._col4 {
  font-size: 12px;
  width: 140px;
  text-align: left;
  text-align: center;
  margin-right: 30px;
}

.FeedItems__row >._col4.is-header {
  font-weight: 700;
}

.FeedItems__row >._col5 {
  font-size: 12px;
  width: 140px;
  text-align: left;
  text-align: right;
  width: 30px;
}

.FeedItems__row >._col5.is-header {
  font-weight: 700;
}

.FeedItems__output >._label {}

.FeedItems__output >._value {
  font-weight: 700;
}
.SelectInput {
}

.SelectInput__label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 300;
}

.SelectInput__dropdown {
  position: relative;
  max-width: 310px;
}

.SelectInput__dropdown ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: 13px;
  pointer-events: none;
}

.SelectInput__dropdown ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}

.SelectInput__dropdown ._icon * {
  fill: rgb(183, 218, 245);
}

// Silly fix for Mozilla-appearance
  .SelectInput__dropdown:after {
  content: "";
  display: block;
  width: 20px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: white;
  position: absolute;
  pointer-events: none;
}

.SelectInput__field {
  background: white;
  border: 1px solid rgb(183, 218, 245);
  border-radius: 2px;
  color: rgb(0, 103, 184);
  cursor: pointer;

  font-size: 14px;
  font-weight: 300;
  padding: 8px;
  padding-right: 19px;
  padding-bottom: 7px;
  width: 100%;
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.SelectInput__field.not-editable {
  cursor: not-allowed;
  opacity: 0.6;
}

.SelectInput__field:focus {
  outline: none;
  border-color: rgb(0, 103, 184);
}

.Fertiliser__topRow {
  display: flex;
  justify-content: space-between;
}

.Fertiliser__topRow >._help {
  padding-top: 10px;
}

.Fertiliser__help {
  width: 450px;
  font-size: 13px;
  margin-top: 9px;
  color: #93918c;
}


.FertiliserItems >._title {
  padding-bottom: 20px;
  font-size: 14px;
}

.Fertiliser__zeroState >._title {
  padding-top: 40px;
  padding-left: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #b4b2ac;
}

.Fertilisertems__rowContainer {
  display: flex;
}

.Fertilisertems__deleteBtn {
  padding-top: 17px;
  margin-left: 10px;
  width: 30px;
}

.Fertilisertems__deleteBtn .generic__deleteBtn>._icon * {
  fill: rgba(180, 178, 172, 0.5);
}

.Fertilisertems__deleteBtn:hover .generic__deleteBtn>._icon * {
  fill: rgba(212, 71, 15, 0.5);
}

.FertiliserItems__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.FertiliserItems__row.is-header {
  padding-right: 80px;
}

.FertiliserItems__row.is-item {
  padding: 5px;
  padding-left: 8px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #F8F7F7;
  background-color: #F8F7F7;
  cursor: pointer;
}

.FertiliserItems__row.is-item:hover {
  border: 1px solid rgba(180, 178, 172, 0.4);
}

.FertiliserItems__row >._col1 {
  font-size: 12px;
  width: 200px;
  text-align: center;
  text-align: left;
}

.FertiliserItems__row >._col1.is-header {
  font-weight: 700;
}

.FertiliserItems__row >._col2 {
  font-size: 12px;
  width: 200px;
  text-align: center;
}

.FertiliserItems__row >._col2.is-header {
  font-weight: 700;
}

.FertiliserItems__row >._col3 {
  font-size: 12px;
  width: 200px;
  text-align: center;
}

.FertiliserItems__row >._col3.is-header {
  font-weight: 700;
}

.FertiliserItems__row >._col4 {
  font-size: 12px;
  width: 200px;
  text-align: center;
  width: 50px;
}

.FertiliserItems__row >._col4.is-header {
  font-weight: 700;
}

.FertiliserItems__output {
  display: flex;
  justify-content: space-between;
}

.FertiliserItems__output >._label {
  display: inline-block;
}

.FertiliserItems__output >._input {
  width: 120px;
  padding-left: 10px;
}
.FertiliserForm {
  width: 600px;
  padding: 20px;
}

.Labour__inputs {
  width: 520px;
  float: left;
}

.Labour__help {
  width: 220px;
  float: left;
  padding-top: 24px;
  font-size: 12px;
  color: #93918c;
}

.Labour__row {
  display: flex;
  padding-bottom: 10px;
}

.Labour__row ._heading {
  font-weight: 700;
  display: flex;
  align-items: center;
}

.Labour__row >._labelCol {
  width: 220px;
  font-size: 13px;
}

.Labour__row >._labelCol >.DescriptionLabel {
  padding-top: 10px;
}

.Labour__row >._valueCol {
  width: 120px;
  margin-right: 30px;
  font-size: 13px;
}

.Labour__row >._valueCol >._output {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  width: 120px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  font-size: 15px;
  display: block;
}

.Land__group {
  padding-top: 20px;
  width: 600px;
  margin-bottom: 20px;
  border-top: 1px solid #F8F7F7;
  border-bottom: 1px solid #F8F7F7;
}

.Land__row {
  display: flex;
  width: 700px;
}

.Land__row >.LabelWrapper {
  width: 160px;
  padding-right: 20px;
}

.Land__row >._description {
  width: 360px;
  opacity: 0.7;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
}

.Land__output {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  width: 120px;
}


.Land__TerrainRow {
  display: flex;
  width: 700px;
}


.Land__TerrainRow >.LabelWrapper {
  width: 160px;
  padding-right: 20px;
}


.Land__TerrainRow >._description {
  width: 360px;
  opacity: 0.7;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
}


.Land__TerrainRow >.LabelWrapper {
  width: 210px;
  padding-right: 30px;
}


.LivestockItems >._title {
  padding-bottom: 20px;
  font-size: 14px;
}

.LivestockItems__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.LivestockItems__row.is-item {
  padding: 5px;
  padding-left: 8px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #F8F7F7;
  background-color: #F8F7F7;
  cursor: pointer;
}

.LivestockItems__row.is-item:hover {
  border: 1px solid rgba(180, 178, 172, 0.4);
}

.LivestockItems__row >._col1 {
  font-size: 12px;
  width: 130px;
  text-align: center;
  text-align: left;
}

.LivestockItems__row >._col1.is-header {
  font-weight: 700;
}

.LivestockItems__row >._col2 {
  font-size: 12px;
  width: 130px;
  text-align: center;
}

.LivestockItems__row >._col2.is-header {
  font-weight: 700;
}

.LivestockItems__row >._col3 {
  font-size: 12px;
  width: 130px;
  text-align: center;
}

.LivestockItems__row >._col3.is-header {
  font-weight: 700;
}

.LivestockItems__row >._col4 {
  font-size: 12px;
  width: 130px;
  text-align: center;
}

.LivestockItems__row >._col4.is-header {
  font-weight: 700;
}

.LivestockItems__row >._col5 {
  font-size: 12px;
  width: 130px;
  text-align: center;
}

.LivestockItems__row >._col5.is-header {
  font-weight: 700;
}

.LivestockItems__row >._col6 {
  font-size: 12px;
  width: 130px;
  text-align: center;
  text-align: right;
  width: 50px;
}

.LivestockItems__row >._col6.is-header {
  font-weight: 700;
}
.LivestockForm {
  width: 600px;
}

.LivestockForm .generic__submitBtn {
  margin-bottom: 20px;
}

.LivestockForm__type {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 50px;
}

.LivestockForm__type >._input {
  display: flex;
  justify-content: space-between;
}

.LivestockForm__groups {
  display: flex;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;

  justify-content: space-between;
}

.LivestockForm__groups >._col {
  width: 170px;
}

.LivestockForm__groups >._col .__physicalOutput {
  width: 120px;
}

.LivestockForm__other{
  display: flex;
  padding-left: 20px;
  padding-right: 20px;

  justify-content: space-between;
  
}

.LivestockForm__other >._header {
  width: 170px;
  font-size: 12px;
  padding-left: 5px;
  font-size: 12px;
}

.LivestockForm__other >._label {
  width: 170px;
  padding-top: 5px;
  font-size: 14px;
}

.LivestockForm__other >._col {
  width: 170px;
  padding-right: 50px;
  padding-bottom: 10px;
}

.Livestock__header {
  position: relative;
}

.Livestock__header >.help {
  position: absolute;
  left: -32px;
  top: -2px;
}

.Livestock_notes {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.LivestockCalving__header {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
  padding-bottom: 10px;
}

.LivestockCalving__header >._title {
  flex: 1;
  padding-left: 90px;
  padding-top: 30px;
}

.LivestockCalving__header >._outputs {
  display: flex;
  padding-top: 5px;
}

.LivestockCalving__header >._outputs .LabelWrapper {
  margin-left: 20px;
}

.LivestockCalving__header >._outputs ._output {
  font-weight: 300;
  padding: 7px;
  padding-left: 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  display: block;
  width: 120px;
}

.LivestockCalving__row {
  display: flex;
  justify-content: space-between;
}

.LivestockCalving__row:first-child {
  padding-bottom: 5px;
}

.LivestockCalving__row >._rowLabel {
  width: 120px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.LivestockCalving__row >._input {
  font-size: 12px;
  text-align: center;
  width: 65px;
}

.LivestockCalving__row >._input >.InputNumber {
  border-radius: 0;
}

.LivestockCalving__submitBtn {
  margin: auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  background: white;
  color: rgb(0, 68, 132);
  border-radius: 4px;
  padding: 10px 12px;
  padding-top: 11px;
  border: 2px solid rgb(0, 68, 132);
  font-size: 16px;
  font-weight: bold;
}

.Livestock__configGroup {
  display: flex;
}

.Livestock__configGroup >._col {
  padding-left: 30px;
}

.Livestock__configGroup >._monthly {
  display: flex;
  padding-top: 22px;
}

.Livestock__configGroup >._monthly >._toggle ._btn {
  background: none;
  border: 1px solid rgba(0, 103, 184, 0.4);
  color: rgb(0, 103, 184);
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 14px;
}

.Livestock__configGroup >._monthly >._switch {
  padding-left: 20px;
  padding-top: 6px;
}

.Livestock__help {
  font-size: 13px;
  width: 540px;
  margin-bottom: 20px;
  color: #93918c;
}


.Milk__Output {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  width: 120px;
}

.Milk__SwitchableOutput >._paddedOutput {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  width: 120px;
}

.MilkProduction__configGroup {
  display: flex;
  padding-bottom: 20px;
}

.MilkProduction__configGroup >._compositionSwitch {
  padding-top: 6px;
}

.MilkProduction__configGroup >._monthly {
  display: flex;
}

.MilkProduction__configGroup >._monthly >._toggle ._btn {
  background: none;
  border: 1px solid rgba(0, 103, 184, 0.4);
  color: rgb(0, 103, 184);
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 14px;
}

.MilkProduction__configGroup >._monthly >._switch {
  padding-left: 20px;
  padding-top: 6px;
}

.MilkProduction__group {
    padding-bottom: 15px;
}

.MilkProduction__group >._title {
  display: flex;
  padding-bottom: 2px;
  border-bottom: 1px solid #F8F7F7;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 700;
}

.MilkProduction__group >._data {
  display: flex;
}

.MilkProduction__group >._data .LabelWrapper {
  margin-bottom: 5px;
}

.MilkProduction__group >._data >* {
  width: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.MilkProduction__group >._data >*:first-child {
  padding-left: 0;
  padding-right: 10px;
}

.MilkProduction__group >._data >*:last-child {
  padding-right: 0;
  padding-left: 10px;
}

.MilkProduction__group >._data >._first-col {
  width: 236px;
  padding: 0;
}


.Milk__tableCols {
  display: flex;
}


.Milk__tableCols >._col {
  padding-left: 15px;
  padding-right: 15px;
}


.Milk__tableCols >._col.labels {
  padding-top:23px;
}


.Milk__tableCols >._col .Milk__Output {
  margin-bottom: 10px;
}


.Milk__tableCols >._col:first-child {
  padding-left: 0;
  padding-right: 10px;
}


.Milk__tableCols >._col:last-child {
  padding-right: 0;
  padding-left: 10px;
}


.Milk__rowTitle {
  font-size: 12px;
  line-height: 1;
  font-weight: 300;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-bottom: 10px;
}

.MilkProduction__help {
  font-size: 13px;
  margin-top: 9px;
  color: #93918c;
  margin-left: 36px;
}
.MilkMonthly__header {
  padding-top: 20px;
  padding-bottom: 20px;
}

.MilkMonthly__topRow {
  display: flex;
  padding-bottom: 20px;
}

.MilkMonthly__topRow >._switch {
  width: 200px;
}

.MilkMonthly__topRow >._output {
  width: 120px;
  margin-left: 20px;
}

.MilkMonthly__topRow >._output ._output {
  padding: 7px 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
  font-weight: 300;
  width: 120px;
  display: block;
}

.MilkMonthly__row {
  display: flex;
  justify-content: space-between;
}

.MilkMonthly__row:first-child {
  padding-bottom: 5px;
}

.MilkMonthly__row >._rowLabel {
  width: 130px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.MilkMonthly__row >._input {
  font-size: 13px;
  text-align: center;
  width: 65px;
}

.MilkMonthly__row >._input >.InputNumber {
  border-radius: 0;
  font-size: 13px;
}

.MilkMonthly__row >._input >._paddedOutput {
  cursor: default;
  border-radius: 0;
  padding: 8px;
  padding-top:9px;
  padding-left: 10px;
  font-size: 13px;
  border: 1px solid rgba(183, 218, 245, 0.8);
  text-align: left;
}

.MilkMonthly__submitBtn {
  margin: auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  background: white;
  color: rgb(0, 68, 132);
  border-radius: 4px;
  padding: 10px 12px;
  padding-top: 11px;
  border: 2px solid rgb(0, 68, 132);
  font-size: 16px;
  font-weight: bold;
}

.Rain__station {
  width: 240px;
  padding-top: 30px;
}

.Rain >.ColumnWrapper {
  border-bottom: 1px solid #F8F7F7;
  padding-bottom: 30px;
}

.Rain .OutputTotal {
  width: 160px;
}

.Rain__outputs {
  border-top: 1px solid #F8F7F7;
}


.Rainfall__label {
  font-size: 12px;
  padding-top: 8px;
  padding-right: 10px;
}


.Rainfall__input {
  width: 120px;
}

.Rain__section {
  display: flex;
}

.Rain__inputs {
  width: 220px;
  float: left;
}

.Rain__help {
  width: 440px;
  padding-top: 18px;
  float: left;
}

.Rain__help > p {
  font-size: 12px;
  color: #93918c;
  margin-bottom: 10px;
}

.Rain__help > p._padded {
  padding-top: 120px;
}

.Rain__inputs__horizon {
  display: flex;
}

.Rain__fieldWrapper {
  width: 150px;
}

.Rain__waterInputs {
  display: flex;
  transform: translateY(-5px);
}
.FinancialTable {
  padding-bottom: 60px;
}

.FinancialTable__header {
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  justify-content: flex-end;
  border-bottom: 1px solid;
  margin-bottom: 15px;
}

.FinancialTable__header >._titleCol {
  width: 190px;
  font-size: 12px;
  flex: 1;
  font-weight: 700;
}

.FinancialTable__header ._switchCol {
  font-size: 12px;
  width: 110px;
  text-align: right;
}

.FinancialTable__header ._switchCol.is-small {
  width: 90px;
}

.FinancialTable__header ._switchCol .SelectInput__field {
  font-size: inherit;
}

.FinancialTable__header >._extraHeaders {
  width: 220px;
  display: flex;
  padding-left: 10px;
}

.FinancialTable__header >._extraHeaders >._switchCol {
  width: 90px;
  margin-right: 10px;
  text-align: center;
}

.FinancialTable__header >._extraHeaders >._switchCol.is-padded {
  width: 110px;
  margin-right: 0;
  text-align: right;
}

.FinancialTable__header >._colGroup {
  display: flex;
  position: relative;
  width: 400px;
}

.FinancialTable__header >._colGroup >._col {
  width: 100px;
  font-size: 14px;
  text-align: right;
  padding-right: 30px;
}

.is-finance-costs .FinancialTable__header >._colGroup {
  width: 480px;
}

.FinancialTable__header >._colGroup >._col {
  font-size: 12px;
}

.FinancialTable__row {
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;

}

.FinancialTable__row >._switchRow {
  width: 300px;
  padding-bottom:10px;
}

.FinancialTable__row >._switchRow ._title {
  display: block;
  margin-top: 3px;
}

.FinancialTable__row >._title {
  position: relative;
  padding-top: 9px;
  font-size: 12px;
  width: 200px;
}

.FinancialTable__row >._title.is-total {
  font-weight: 700;
}

.FinancialTable__row >._title >._helpBtn {
  position: absolute;
  top: 5px;
  left: -30px;
}

.FinancialTable__row >._inputCol >._inputs {
  display: flex;
}

.FinancialTable__row >._inputCol >._inputs >._input {
  width: 90px;
  margin-right: 10px;
}

.FinancialTable__row >._inputCol >._inputs >._input >._paddedOutput {
  background-color: rgba(183, 218, 245, 0.2);
  color: #37383A;
  border-radius: 2px;
  padding: 8px;
  padding-top: 9px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 300;
}

.FinancialTable__row >._inputCol >._output {
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  padding: 8px;
  padding-top: 9px;
  padding-left: 10px;
}

.FinancialTable__row >._inputCol >._outputTotal {
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  background-color: rgb(183, 218, 245);
  padding: 8px;
  padding-top: 9px;
  padding-left: 10px;
  font-weight: 700;
}

.FinancialTable__row >._inputCol >._units {
  position: absolute;
  display: block;
  width: 20px;
  margin-left: -22px;
  margin-top: 8px;
  font-size: 14px;
  color: #b4b2ac;
  text-align: center;
}

.FinancialTable__row >._outputCols {
  flex-grow: 1;
}

.FinancialTable__row >._outputCols >._outputs {
  display: flex;
  justify-content: flex-end;
}

.FinancialTable__row >._outputCols >._outputs >._switchCol {
  padding: 8px;
  padding-top: 9px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 300;
  width: 110px;
  text-align: right;
}

.FinancialTable__row.is-spaced {
  padding-top: 40px;
}

.FinancialTable__row.is-total {
  font-weight: 700;
}

.FinancialTable__row.is-total >._title {
  font-weight: 700;
}

.FinancialTable__row.is-total >._inputCol>._inputs>._input>._paddedOutput {
  background-color: rgb(183, 218, 245);
  color: #37383A;
  font-weight: 700;
  font-size: 15px;
  padding-top: 8px;
}

.FinancialTable__row.is-total >._outputCols >._outputs {
  background-color: rgb(183, 218, 245);
  border-radius: 2px;
}

.FinancialTable__row.is-total >._outputCols >._outputs >._switchCol {
  padding: 8px;
  padding-left: 10px;
  font-weight: 700;
  font-size: 15px;
}


.Liabilities__help {
  width: 620px;
  float: left;
  padding-bottom: 10px;
}
.Liabilities__help > p {
  font-size: 13px;
  color: #93918c;
  margin-bottom: 12px;
}.OverheadCosts__help {
  width: 620px;
  float: left;
  padding-bottom: 10px;
}
.OverheadCosts__help p {
  font-size: 13px;
  color: #93918c;
  margin-bottom: 12px;
}
.OverheadCosts__help h2 {
  display: none;
}
.TabList {
  user-select: none;
  display: block;
  width: 100%;
}

.TabList > ._carbonLink {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #F6A83D;
}

.TabList > ._carbonLink:hover {
  text-decoration: underline;
}

.TabList > ._carbonLink > ._carbon_icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 4px;
}

.TabList > ._carbonLink > ._carbon_icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.TabList > ._carbonLink > ._carbon_icon path {
  fill: #F6A83D;
}

.TabList > ._budgetLink {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: rgb(0, 103, 184);
  background: none;
  border: none;
  padding: 0;
}

.TabList > ._budgetLink:hover {
  text-decoration: underline;
}

.TabList > ._budgetLink > ._budget_icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 4px;
}

.TabList > ._budgetLink > ._budget_icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.TabList > ._budgetLink > ._budget_icon path {
  fill: rgb(0, 103, 184);
}

.TabGroup {
  display: none;
}

.TabGroup > ._group {
  padding: 10px;
  padding-bottom: 7px;
}

.TabGroup > ._group.is-physical {
  background-color: rgba(183, 218, 245, 0.5);
  border-bottom: 1px solid rgb(183, 218, 245);
  border-top: 1px solid rgb(183, 218, 245);
}

.TabGroup > ._group.is-financial {
  background-color: rgba(230, 176, 18, 0.3);
  border-bottom: 1px solid rgba(230, 176, 18, 0.5);
  border-top: 1px solid rgba(230, 176, 18, 0.5);
}

.TabGroup.is-active {
  display: block;
}

.TabList__link {
  position: relative;
  display: block;
  width: 100%;
  clear: left;
  margin-bottom: 3px;
  padding: 7px 10px;
  padding-top: 9px;

  opacity: 0.8;

  border: none;
  border-radius: 3px;

  background: none;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
}

.TabList__link.is-active {
  opacity: 1;
  background: white;
  border-right: none;
  margin-right: -1px;
}

.TabList__link > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -35px;
  top: 50%;
  margin-top: -8px;
}

.TabList__link > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.TabList__link > ._icon * {
  fill: rgb(212, 71, 15);
}

.TabGroup__help {
  font-size: 12px;
  color: #93918c;
  padding: 15px;
}

.TabGroup__helpTxt {
  border: none;
  background: transparent;
  outline: none;

  padding: 0;
  text-decoration: underline;
  font-weight: 600;
}

.TabGroup__helpTxt:hover {
  color: black;
}

.TabGroup__helpTxt:focus {
  color: black;
}

.TabCategories {
  display: flex;
  justify-content: space-between;
}


.TabSwitch__toggle {
  zoom: 1;
  width:  49%;
  background: white;
  border: none;
  display: block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(230, 176, 18, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}


.TabSwitch__toggle:before, .TabSwitch__toggle:after {
  content: "";
  display: table;
}


.TabSwitch__toggle:after {
  clear: both;
}


.TabSwitch__toggle >._text {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  display: block;
  color: #37383A;
}


.TabSwitch__toggle >._text.is-error {
  color: rgb(212, 71, 15);
}


.TabSwitch__toggle.financial-is-active {
  border-color: rgba(183, 218, 245, 0.5);
}


.TabSwitch__toggle:first-child {
  margin-right: 2px;
}


.TabSwitch__toggle.is-active {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}


.TabSwitch__toggle.is-active.financial-is-active {
  border-color: rgba(230, 176, 18, 0.4);
  background: rgba(230, 176, 18, 0.3);
}
.UnsavedDatasetOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9000;

  background: rgba(255, 255, 255, 0.7);
}
.Report {
  position: absolute;
  overflow: hidden;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  bottom: 0;
}

.ReportWrapper {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
}

.ReportPageWrapper {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ReportPageWrapper > ._icon {
  display: none;
}
.ReportsPicker {
  position: absolute;
  z-index: 9000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  top: 31px;
}

.ReportsPicker >._content {
  width: 440px;
  padding: 40px;
  margin: 0 auto;
  margin-top: 20px;
}

.ReportsPicker__heading {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
}

.ReportsPicker__list {
  border-bottom: 1px solid rgb(183, 218, 245);
}

.ReportsPicker__item {
  width: 100%;
  border: none;
  background: none;
  border-top: 1px solid rgb(183, 218, 245);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  text-align: left;
}

.ReportsPicker__item >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.ReportsPicker__item >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.ReportsPicker__item >._icon * {
  fill: rgb(183, 218, 245);
}

.ReportsPicker__item >._text {
  font-size: 24px;
  font-weight: 300;
  padding-right: 24px;
  color: #292A2C;
}


.ReportSubRoute >._banner {
    position: absolute;
    z-index: 2;
    top: 31px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #F8F7F7;
    height: 75px;
}
.ReportSubRoute >._body {
    position: absolute;
    z-index: 9000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    top: 106px;
}


.ReportSubRoute__Banner {
  width: 1000px;
  padding: 20px;
  margin: 0 auto;
  height: 75px;

  display: flex;
  align-items: center;
  justify-content: center;
}
.ReportSubRoute__Banner >._btn {
  background: none;
  border: none;
  color: #93918c;
  font-size: 13px;
  padding: 8px 10px;
  text-decoration: underline;
}
.ReportSubRoute__Banner >._title {
  font-size: 18px;
  font-weight: 700;
}


.ReportStepTemplate {

}


.ReportStepTemplate__header {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  margin: 0 auto;
}


.ReportStepTemplate__header >._container {
  position: absolute;
  width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  left: 50%;
  margin-left: -500px;
  top: -43px;
  height: 0;
}


.ReportStepTemplate__header >._container >._content {
  display: flex;
}

.ReportStepTemplate__GenerateBtn {
  display: block;
  background: rgb(0, 103, 184);
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 12px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.ReportStepTemplate__content {
  width: 1000px;
  margin: 0 auto;
}

.ReportTabNavigation__link {
	zoom: 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}
.ReportTabNavigation__link:before, .ReportTabNavigation__link:after {
	content: "";
	display: table;
}
.ReportTabNavigation__link:after {
	clear: both;
}
.ReportTabNavigation__link.is-active {
	border: 1px solid rgb(183, 218, 245);
	background: rgba(183, 218, 245, 0.5);
}
.newSingleReport__Datasets {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
  padding-top: 20px;
}
.SingleReport__header {
  position: absolute;
  height: 0;
  z-index: 1;
  left: 0;
  right: 0;
}

.SingleReport__MapHeader {
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: rgba(183, 218, 245, 0.5);
  width: 100%;
  height: 35px;
}

.SingleReport__headerContent {
  position: absolute;
  background: white;
  padding-top: 20px;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  border-bottom: 2px solid white;
}

.SingleReport__tableHeadings {
  background: white;
  height: 34px;
}

.SingleReport__tables {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.SingleReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.SingleReport__tableWrapper {
  padding-top: 100px;
  padding-bottom: 40px;
}

.SingleReportTable {
  position: relative;
}

.SingleReportTable__row {
  display: flex;
  justify-content: space-between;
  padding: 5px 15px;
}

.SingleReportTable__row.is-row-heading {
  background: #e8e8e8;
}

.SingleReportTable__row.is-h1 {
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 2px;
}

.SingleReportTable__row.is-h2 {
  font-weight: bold;
}

.SingleReportTable__row.is-h3 {
  background: white;
}

.SingleReportTable__row.is-h4 {
  position: relative;
}

.SingleReportTable__row.is-h4 > .SingleReportTable__label {
  padding-left: 15px;
}

.SingleReportTable__row.is-h5 {}

.SingleReportTable__row.is-h6 {}

.SingleReportTable__row.is-heading {
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: rgba(183, 218, 245, 0.5);
  width: 100%;
}

.SingleReportTable__row.is-summary {
  position: absolute !important;
  z-index: 9000;
  right: 0;
  top: 0;
  display: block;
  width: 400px;
  background: rgb(212, 233, 249);
  border: 2px solid white;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  font-weight: 400;
}

.SingleReportTable__row.is-summary .SingleReportTable__label {
  padding-bottom: 5px;
}

@media print {

  .__condenseRows__ .SingleReportTable__row {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.SingleReportTable__label {
  width: 300px;
  display: flex;
}

.SingleReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.SingleReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.SingleReportTable__label > ._hierachy {
  position: absolute;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

.SingleReportTable__label.is-physical-label {
  min-width: 320px;
}

.SingleReportTable__data {
  flex: 1;
  display: flex;
}

.SingleReportTable__data ._col {
  width: 100px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SingleReportTable__data.is-calculated-data {}

.SingleReportTable__data.is-summary ._col {
  width: 70px;
  font-weight: 700;
}

.SingleReportTable__data.is-summary ._col:first-child {
  flex: 2;
  text-align: left;
}

.SingleReportTable__data.is-physical-data ._col {
  min-width: 125px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReportTemplate__header {
  position: absolute;
  left: 0;
}

.ReportTemplate__header >._bg {
  top: 0;
  left: 0;
  right:0;
  height: 65px;
  position: absolute;
  background: white;
}

.ReportTemplate__header >._bg >._container {
  width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  left: 50%;
  position: absolute;
  margin-left: -500px;
  background: white;
}

.ReportTemplate__content {
  width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

.PrintMsg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;

  background-color: rgba(0, 0, 0, 0.4);

  display: flex;
  justify-content: center;
  align-items: center;
}

.PrintMsg >._msg {
  background: white;
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  line-height: 1.6;
}

@media print {

  .PrintMsg {
    display: none;
  }
}

.PrintSelector {
  padding: 20px;
}

.PrintSelector >._selectorTitle {
  text-align: center;
  font-weight: 700;
  padding-bottom: 10px;
}

.PrintSelector >._selectorList {
  padding-bottom: 10px;
  width: 200px;
  margin: auto;
}

.PrintSelector >._submitSelect {
  background: white;
  border: none;
  padding: 3px 8px 4px;
  color: rgb(0, 103, 184);
  border: 1px solid rgba(0, 103, 184, 0.5);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.PrintSelector >._submitSelect:hover {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}

.PrintSelector >._submitSelect.disabled {
  border: 1px solid rgba(147, 145, 140, 0.5);
  color: rgba(147, 145, 140, 0.5);
}

.PrintSelector >._submitSelect.disabled:hover {
  border: 1px solid rgba(147, 145, 140, 0.5);
  background: white;
}
.PrintableReport {
  display: none;
  font-size: 10px !important;
}
.PrintableReport .PrintableReport__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.PrintableReport * {
  float: none !important;
  position: static !important;
  overflow: visible !important;
  page-break-inside: avoid !important;
}
.PrintableReport .ComparisonReport__tableHeader {
  height: auto;
}
.PrintableReport .ComparisonReport__tableWrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.PrintableReport .ComparisonReportTable__data > ._col {
  overflow: visible;
}
.PrintableReport .ComparisonReport__tables {
  overflow: visible;
}
.PrintableReport .SingleReport__tableHeader {
  height: auto;
}
.PrintableReport .SingleReport__tableWrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.PrintableReport .SingleReportTable__data > ._col {
  overflow: visible;
}
.PrintableReport .SingleReport__tables {
  overflow: visible;
}
.PrintableReport .SingleReportTable__label ._unit {
  color: #666;
}
@media print {
  .PrintableReport {
    display: block;
  }
}

.ReportTabNavigation__link {
	zoom: 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}
.ReportTabNavigation__link:before, .ReportTabNavigation__link:after {
	content: "";
	display: table;
}
.ReportTabNavigation__link:after {
	clear: both;
}
.ReportTabNavigation__link.is-active {
	border: 1px solid rgb(183, 218, 245);
	background: rgba(183, 218, 245, 0.5);
}
.__PrintButton__ {
  background: white;
  border: none;
  padding: 3px 8px 4px;
  color: rgb(0, 103, 184);
  border: 1px solid rgba(0, 103, 184, 0.5);
  border-radius: 7px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
}

.__PrintButton__:hover {
  border: 1px solid rgb(183, 218, 245);
}

@media print {

  .__PrintButton__ {
    display: none;
  }
}

.PrintModal {
  display: block !important;
  float: none !important;

  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  overflow-y: scroll;
  z-index: 2;
  background-color: white;
  -webkit-overflow-scrolling: touch;
}

@media print {

  .PrintModal {
    overflow: visible;
    padding: 0;
    background: none;
  }

  .PrintModal * {
    float: none !important;
    overflow: visible;
  }
}

@media print {

  .PrintModal .GenericCloseBtn {
    display: none;
  }
}

.PrintModal > ._content {
  display: block !important;
  float: none !important;
  position: relative;
  z-index: 1;
  width: 1020px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  background: white;
}

.PrintModal > ._content.IsLandscape {
  width: auto;
  max-width: 1600px;
}

@media print {

  .PrintModal > ._content {
    border-radius: 0px;
  }
}

.PrintableReport__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.page-break {
  display: none;
}

@media print {

  .page-break {
    display: block;
    position: relative;
    page-break-after: always;
  }
}

@media print {

  .App {
    display: none;
  }
}

@media print {

  * {
    position: relative !important;
  }
}
.DownloadPortal__ButtonGroup {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
  padding-top: 12px;
  background: #0067b8;
}
@media print {
  .DownloadPortal__ButtonGroup {
    display: none;
  }
}
.DownloadPortal__ButtonGroup > ._content {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn {
  display: block;
  padding: 6px 8px;
  padding-bottom: 7px;
  background: none;
  border-radius: 3px;
  border: none;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn > ._content {
  display: flex;
  justify-content: flex-end;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn > ._content > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  margin-right: 4px;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn > ._content > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn > ._content > ._icon * {
  fill: rgba(255, 255, 255, 0.8);
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn > ._content > ._text {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  font-size: 13px;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn:hover > ._content > ._icon * {
  fill: white;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn:hover > ._content > ._text {
  color: white;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn:active > ._content > ._icon * {
  fill: white;
}
.DownloadPortal__ButtonGroup > ._content > ._backBtn:active > ._content > ._text {
  color: white;
}

.PrintSelectModal {
  display: block !important;
  float: none !important;

  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  overflow-y: scroll;
  z-index: 2;
  background-color: rgba(65, 66, 68, 0.5);
  -webkit-overflow-scrolling: touch;
}
@media print {
  .PrintSelectModal {
    overflow: visible;
    padding: 0;
    background: none;
  }
  .PrintSelectModal * {
    float: none !important;
    overflow: visible;
  }
}
@media print {
  .PrintSelectModal .GenericCloseBtn {
    display: none;
  }
}
.PrintSelectModal >._content {
  display: block !important;
  float: none !important;
  position: relative;
  z-index: 1;
  width: 500px;
  margin: 300px auto;
  padding: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  background: white;
}
@media print {
  .PrintSelectModal >._content {
    border-radius: 0px;
  }
}
.ReportTemplate__actions {
  display: flex;
  position: absolute;
  right: 0;
  top: -50px;
}
.ReportTemplate__actions ._downloadBtn {
  zoom: 1;
  background: white;
  border: none;
  padding: 3px 8px 4px;
  color: #93918c;
  border: 1px solid rgba(180, 178, 172, 0.5);
  border-radius: 7px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
  margin-right: 20px;
}
.ReportTemplate__actions ._downloadBtn:before, .ReportTemplate__actions ._downloadBtn:after {
  content: "";
  display: table;
}
.ReportTemplate__actions ._downloadBtn:after {
  clear: both;
}
.ReportTemplate__actions ._downloadBtn:hover {
  border: 1px solid #b4b2ac;
  background: rgba(248, 247, 247, 0.5);
}
.ReportTemplate__actions ._printBtn {
  background: white;
  border: none;
  padding: 3px 8px 4px;
  color: rgb(0, 103, 184);
  border: 1px solid rgba(0, 103, 184, 0.5);
  border-radius: 7px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
}
.ReportTemplate__actions ._printBtn:hover {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}
.ReportTemplate__actions ._readOnlyMessage {
  color: #F6A83D;
  padding-top: 6px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: 700;
}
.ReportHeaderTemplate {
  height: 39px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #DAECF9;
  width: 100%;
  overflow: hidden;
}


.ReportHeaderTemplate.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}


.Legend__Header {
  position: relative;
  color: rgb(0, 103, 184);
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
}


.Legend__Header >._ratio >._title {
  font-weight: 400;
}


.Legend__Header >._btn {
  font-weight: 400;
  background: none;
  border: none;
  position: absolute;
  padding: 0;
  top: 9px;
  right: 0;
  text-decoration: underline;
}


@media print {


  .Legend__Header >._btn {
    display: none;
  }
}

.Legend__content >._container {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.Legend__units {
  display: flex;
  padding: 5px 10px;
  margin: 2px;
  background-color: white;
}

.Legend__unit {
  margin: 0 5px;
  font-size: 13px;
  display: flex;
  padding: 5px 8px;
  border-radius: 4px;
}

.Legend__unit span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  margin: auto;
  font-size: 12px;
  padding-top: 2px;
}

.Legend__label {
  font-size: 13px;
  margin: auto 0;
  margin-right: 10px;
  width: 150px;
  text-align: left;
}

.DownloadPortal__BannerPortal {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 0;
}

.DownloadPortal__BannerPortal >._content {
  width: 1000px;
  margin: 0 auto;
}

.DownloadPortal__Filterbar {
  position: absolute;

  border-top: 1px solid #F8F7F7;
  border-bottom: 1px solid #F8F7F7;
  left: 0;
  right: 0;
  bottom: 0;
}

.DownloadPortal__Filterbar >._content {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

.DownloadPortal__Datasets {
  position: relative;

  background-color: white;
  border-radius: 5px;
  margin: 0 auto;
}

.DownloadPortal__Datasets >._title {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-right: 305px;
  padding-left: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.DownloadPortal__Datasets >._title >._selectall {
  position: absolute;
  right: 385px;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 3px;
  width: 70px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
}

.DownloadPortal__Datasets >._title >._selectall:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DownloadPortal__Datasets >._title >._clearall {
  position: absolute;
  right: 305px;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 3px;
  width: 70px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
}

.DownloadPortal__Datasets >._title >._clearall:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DownloadPortal__Datasets >._list {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}

.DownloadPortal__ReportModalDatasetList {
  position: relative;
}

.DownloadPortal__ReportModalDatasetList__block {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

  background: rgba(255, 255, 255, 0.5);
}



.DownloadPortal__ReportModalDatasetList__button {
  width: 100;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #F8F7F7;
  border: 1px solid #F8F7F7;
  border-radius: 3px;

  text-align: left;
  font-size: 14px;
  color: #93918c;
}



.DownloadPortal__ReportModalDatasetList__button >._year, .DownloadPortal__ReportModalDatasetList__button >._farm, .DownloadPortal__ReportModalDatasetList__button  {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}



.DownloadPortal__ReportModalDatasetList__button >._name {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.DownloadPortal__ReportModalDatasetList__button >._user {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 130px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.DownloadPortal__ReportModalDatasetList__button >._actual {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}



.DownloadPortal__ReportModalDatasetList__button >._actual >._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}



.DownloadPortal__ReportModalDatasetList__button:hover {
  border: 1px solid #93918c;
}



.DownloadPortal__ReportModalDatasetList__button.is-selected {
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
}



.DownloadPortal__ReportModalDatasetList__button.is-selected:hover {
  border: 1px solid rgb(0, 103, 184);
}

.DownloadPortal__ReportModalDatasets__subBanner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content {
  position: relative;
  height: 100;
  width: 1000px;
  margin: auto;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn {
  position: absolute;
  top: -80px;
  left: 20px;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn {
  display: flex;
  background: none;
  border: 1px solid #b4b2ac;
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 14px;
  color: #b4b2ac;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 3px;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.DownloadPortal__ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon * {
  fill: #b4b2ac;
}

.DownloadPortal__ReportModalDatasets__filterControl{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 20px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header {
  width: 640px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 10px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._year, .DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._farm, .DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header  {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._name {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._user {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 130px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.DownloadPortal__ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}


.PrintModal .SingleReport__tableHeader {
  height: auto;
}

.PrintModal .SingleReport__tableWrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.PrintModal .SingleReportTable__data > ._col {
  overflow: visible;
}

.PrintModal .SingleReport__tables {
  overflow: visible;
}

.PrintModal .SingleReportTable__row {
  position: relative;
  page-break-inside: avoid;
}

.PrintModal .SingleReportTable__row.is-summary ._col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PrintModal .SingleReportTable__row.is-heading {
  height: 35px;
  position: static;
  padding-left: 15px;
}

.PrintModal .SingleReportTable__label ._unit {
  color: #666;
}

.SingleReport__PrintTab {
  padding-bottom: 60px;
}

@media print {

  .SingleReport__PrintTab {
    padding-bottom: 0px;
  }
}

.SingleReport__PrintTab > ._header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.SingleReport__PrintTab > ._header .PrintLogo {
  display: none;
}

@media print {

  .SingleReport__PrintTab > ._header .PrintLogo {
    display: block;
  }
}

.SelectableReportHeader {
  position: relative;
}
.SelectableReportHeader ._col {
  display: flex;
  justify-content: flex-end;
}
.SelectableReportHeader ._col >._icon {
  opacity: 0.5;
  margin-top: 4px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
}
.SelectableReportHeader ._col >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}
.SelectableReportHeader ._col >._icon * {
  fill: rgb(0, 103, 184);
}
.SelectableReportHeader .SelectInput {
  position: static;
}
.SelectableReportHeader .SelectInput__dropdown {
  position: static;
}
.SelectableReportHeader .SelectInput__dropdown .SelectInput__field {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.SelectableReportHeader .SelectInput__dropdown:after {
  width: 0;
}
.SelectableReportHeader .SelectInput__dropdown >._icon {
  display: none;
}
@media print {

  .__cashBumpThisOne {
    margin-top: 7px;
  }
}

.CashMap {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}

.CashMap > ._col1 {
  width: 200px;
}

.CashMap > ._col1 > ._group1 {
  padding-bottom: 739px;
}

.CashMap > ._col1 > ._group2 {
  padding-bottom: 131px;
}

.CashMap > ._col1 ._table {
  width: 300px;
  padding-bottom: 40px;
}

.CashMap > ._col1 ._table > ._header {
  font-weight: 700;
  font-size: 12px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #b4b2ac;
}

.CashMap > ._col1 ._table > ._row {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.CashMap > ._col1 ._table > ._row:last-child {
  border-top: 1px solid #F8F7F7;
}

.CashMap > ._col1 ._table > ._row > ._col1 {
  font-size: 12px;
}

.CashMap > ._col1 ._table > ._row > ._col2 {
  font-weight: 300;
  font-size: 14px;
}

.CashMap > ._gutter1 {
  position: relative;
  z-index: 1;
  width: 120px;
}

.CashMap > ._gutter1 > ._line {
  position: absolute !important;
  z-index: 1;
  top: 101px;
  left: -25px;
  width: 160px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.CashMap > ._gutter1 > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.CashMap > ._gutter1 > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._gutter1 > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {

  .CashMap > ._gutter1 > ._line > ._icon {
    top: -12px;
  }
}

.CashMap > ._gutter1 > ._line2 {
  position: absolute !important;
  z-index: 1;
  top: 1050px;
  left: -25px;
  width: 160px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.CashMap > ._gutter1 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.CashMap > ._gutter1 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._gutter1 > ._line2 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {

  .CashMap > ._gutter1 > ._line2 > ._icon {
    top: -12px;
  }
}

.CashMap > ._col2 {
  width: 200px;
  padding-top: 71px;
}

.CashMap > ._col2 > ._fieldWithLine {
  position: relative;
  z-index: 1;
  padding-bottom: 300px;
}

.CashMap > ._col2 > ._fieldWithLine > ._line {
  position: absolute;
  z-index: 1;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 10px;
  height: 296px;
  width: 3px;
}

.CashMap > ._col2 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -5px;
  bottom: -9px;
}

.CashMap > ._col2 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._col2 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {

  .CashMap > ._col2 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.CashMap > ._col2 > ._fieldWithLine.is-first {
  padding-bottom: 120px;
}

.CashMap > ._col2 > ._fieldWithLine.is-first > ._line {
  height: 116px;
}

.CashMap > ._gutter2 {
  position: relative;
  z-index: 1;
  width: 120px;
}

.CashMap > ._gutter2 > ._subhead1 {
  position: relative;
  z-index: 1;
  padding-top: 160px;
  font-weight: 700;
  font-size: 12px;
  color: rgba(128, 207, 83, 0.8);
  transform: translateX(-60px);
}

.CashMap > ._gutter2 > ._subhead1 > ._line1 {
  position: absolute !important;
  z-index: 1;
  bottom: 25px;
  left: 50px;
  width: 3px;
  height: 53px;
  background-color: rgb(204, 236, 186);
}

.CashMap > ._gutter2 > ._subhead1 > ._line2 {
  position: absolute !important;
  z-index: 1;
  bottom: 78px;
  left: 50px;
  width: 140px;
  height: 3px;
  background-color: rgb(204, 236, 186);
}

.CashMap > ._gutter2 > ._subhead1 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.CashMap > ._gutter2 > ._subhead1 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._gutter2 > ._subhead1 > ._line2 > ._icon * {
  fill: rgb(204, 236, 186);
}

@media print {

  .CashMap > ._gutter2 > ._subhead1 > ._line2 > ._icon {
    top: -5px;
  }
}

.CashMap > ._gutter2 > ._subhead2 {
  position: relative;
  z-index: 1;
  padding-top: 30px;
  font-weight: 700;
  font-size: 12px;
  color: rgba(0, 103, 184, 0.6);
  transform: translateX(-60px);
}

.CashMap > ._gutter2 > ._subhead2 > ._line1 {
  position: absolute !important;
  z-index: 1;
  top: 55px;
  left: 50px;
  width: 3px;
  height: 27px;
  background-color: rgb(153, 194, 227);
}

.CashMap > ._gutter2 > ._subhead2 > ._line2 {
  position: absolute !important;
  z-index: 1;
  top: 82px;
  left: 50px;
  width: 140px;
  height: 3px;
  background-color: rgb(153, 194, 227);
}

.CashMap > ._gutter2 > ._subhead2 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.CashMap > ._gutter2 > ._subhead2 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._gutter2 > ._subhead2 > ._line2 > ._icon * {
  fill: rgb(153, 194, 227);
}

@media print {

  .CashMap > ._gutter2 > ._subhead2 > ._line2 > ._icon {
    top: -5px;
  }
}

.CashMap > ._gutter2 > ._subhead3 {
  position: relative;
  z-index: 1;
  padding-top: 120px;
  font-weight: 700;
  font-size: 12px;
  color: rgba(0, 103, 184, 0.4);
  transform: translateX(-60px);
}

.CashMap > ._gutter2 > ._subhead3 > ._line1 {
  position: absolute !important;
  z-index: 1;
  top: 166px;
  left: 50px;
  width: 3px;
  height: 85px;
  background-color: rgb(212, 233, 249);
}

@media print {

  .CashMap > ._gutter2 > ._subhead3 > ._line1 {
    height: 174px;
  }
}

.CashMap > ._gutter2 > ._subhead3 > ._line2 {
  position: absolute !important;
  z-index: 1;
  top: 251px;
  left: 50px;
  width: 140px;
  height: 3px;
  background-color: rgb(212, 233, 249);
}

.CashMap > ._gutter2 > ._subhead3 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.CashMap > ._gutter2 > ._subhead3 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._gutter2 > ._subhead3 > ._line2 > ._icon * {
  fill: rgb(212, 233, 249);
}

@media print {

  .CashMap > ._gutter2 > ._subhead3 > ._line2 > ._icon {
    top: -5px;
  }
}

@media print {

  .CashMap > ._gutter2 > ._subhead3 > ._line2 {
    top: 340px;
  }
}

.CashMap > ._gutter2 > ._subhead4 {
  position: relative;
  z-index: 1;
  padding-top: 350px;
  font-weight: 700;
  font-size: 12px;
  color: rgba(246, 168, 61, 0.9);
  transform: translateX(-60px);
}

@media print {

  .CashMap > ._gutter2 > ._subhead4.IsLandscape {
    padding-top: 240px;
  }
}

@media print {

  .CashMap > ._gutter2 > ._subhead4.IsLandscape > ._line1 {
    top: 266px;
  }
}

@media print {

  .CashMap > ._gutter2 > ._subhead4.IsLandscape > ._line2 {
    top: 384px;
  }
}

.CashMap > ._gutter2 > ._subhead4 > ._line1 {
  position: absolute !important;
  z-index: 1;
  top: 376px;
  left: 50px;
  width: 3px;
  height: 118px;
  background-color: rgb(250, 203, 139);
}

.CashMap > ._gutter2 > ._subhead4 > ._line2 {
  position: absolute !important;
  z-index: 1;
  top: 494px;
  left: 50px;
  width: 140px;
  height: 3px;
  background-color: rgb(250, 203, 139);
}

.CashMap > ._gutter2 > ._subhead4 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.CashMap > ._gutter2 > ._subhead4 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.CashMap > ._gutter2 > ._subhead4 > ._line2 > ._icon * {
  fill: rgb(250, 203, 139);
}

@media print {

  .CashMap > ._gutter2 > ._subhead4 > ._line2 > ._icon {
    top: -5px;
  }
}

.CashMap > ._col3 {
  width: 200px;
}

.CashMap > ._col3 > ._group1 {
  padding-bottom: 20px;
}

.CashMap > ._col3 > ._group2 {
  padding-bottom: 40px;
}

.CashMap > ._col3 > ._group3 {
  padding-bottom: 218px;
}

@media print {

  .CashMap > ._col3 > ._group3 {
    padding-top: 81px;
    padding-bottom: 137px;
  }
}
.ReportMapBox {
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 6px 8px;
  text-align: center;

  position: relative;
  z-index: 1;
  page-break-inside: avoid;
}
.ReportMapBox > ._label {
  font-size: 12px;
  font-weight: 700;
  padding-top: 4px;
}
.ReportMapBox > ._value {
  font-size: 18px;
  font-weight: 300;
}
.ReportMapBox > ._value > ._unit {
  font-size: 12px;
  display: inline-block;
  padding-left: 2px;
  font-weight: 400;
}
.ReportMapBox.border {
  border: 1px solid rgba(183, 218, 245, 0.4);
}
.ReportMapBox.blue {
  background-color: rgba(183, 218, 245, 0.2);
}
.ReportMapBox.dark_blue {
  background-color: rgba(0, 103, 184, 0.2);
}
.ReportMapBox.yellow {
  background-color: rgba(230, 176, 18, 0.4);
}
.ReportMapBox.orange {
  background-color: rgba(246, 168, 61, 0.4);
}
.ReportMapBox.green {
  background-color: rgba(128, 207, 83, 0.4);
}
.ReportMapBox.grey {
  background-color: rgba(180, 178, 172, 0.4);
}
@media print {
  .__profitBumpThisOne {
    margin-top: 4px;
  }
}

/* ~!! For print views */
.ProfitMap__line {
  position: absolute !important;
  z-index: 1;
}

.ProfitMap {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}

.ProfitMap > ._gutter {
  padding-top: 46px;
  width: 120px;
}

.ProfitMap > ._gutter > ._subhead {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 103, 184, 0.4);
  transform: translateX(-20px);
}

.ProfitMap > ._gutter > ._subhead > ._line1 {
  position: absolute !important;
  z-index: 1;
  bottom: 25px;
  left: 50%;
  margin-left: -1px;
  width: 3px;
  height: 60px;
  background-color: rgb(212, 233, 249);
}

.ProfitMap > ._gutter > ._subhead > ._line2 {
  position: absolute !important;
  z-index: 1;
  bottom: 85px;
  left: 50%;
  margin-left: -1px;
  width: 190px;
  height: 3px;
  background-color: rgb(212, 233, 249);
}

.ProfitMap > ._gutter > ._subhead > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead > ._line2 > ._icon * {
  fill: rgb(212, 233, 249);
}

@media print {
  .ProfitMap > ._gutter > ._subhead > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._gutter > ._subhead2 {
  position: relative;
  z-index: 1;
  padding-top: 145px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(128, 207, 83, 0.8);
  transform: translateX(-60px);
}

.ProfitMap > ._gutter > ._subhead2 > ._line1 {
  position: absolute !important;
  z-index: 1;
  bottom: 25px;
  left: 70px;
  margin-left: -1px;
  width: 3px;
  height: 90px;
  background-color: rgb(204, 236, 186);
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 {
  position: absolute !important;
  z-index: 1;
  bottom: 115px;
  left: 70px;
  margin-left: -1px;
  width: 130px;
  height: 3px;
  background-color: rgb(204, 236, 186);
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon * {
  fill: rgb(204, 236, 186);
}

@media print {
  .ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._gutter > ._subhead3 {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 103, 184, 0.4);
  transform: translateX(-60px);
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 {
  position: absolute !important;
  z-index: 1;
  bottom: 9px;
  left: 80px;
  margin-left: -1px;
  width: 120px;
  height: 3px;
  background-color: rgb(212, 233, 249);
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon * {
  fill: rgb(212, 233, 249);
}

@media print {
  .ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._gutter > ._subhead4 {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  color: rgb(115, 171, 216);
  transform: translateX(-60px);
}

.ProfitMap > ._gutter > ._subhead4 > ._line1 {
  position: absolute !important;
  z-index: 1;
  bottom: -60px;
  left: 70px;
  margin-left: -1px;
  width: 3px;
  height: 60px;
  background-color: rgb(115, 171, 216);
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 {
  position: absolute !important;
  z-index: 1;
  bottom: -60px;
  left: 70px;
  margin-left: -1px;
  width: 130px;
  height: 3px;
  background-color: rgb(115, 171, 216);
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon * {
  fill: rgb(115, 171, 216);
}

@media print {
  .ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 {
  position: relative;
  z-index: 1;
  width: 200px;
}

.ProfitMap > ._col1 > ._line1 {
  position: absolute;
  z-index: 1;
  top: 65px;
  left: 103px;
  width: 3px;
  height: 26px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._line1 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col1 > ._line1 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._line1 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._line1 > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col1 > ._line2 {
  position: absolute !important;
  z-index: 1;
  top: 79px;
  left: 105px;
  width: 110px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._col1 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._line2 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 > ._group1 .ReportMapBox {
  margin-bottom: 40px;
}

.ProfitMap > ._col1 > ._group2 {
  padding-bottom: 169px;
}

.ProfitMap > ._col1 > ._group3 {
  position: relative;
  z-index: 1;
  transform: translateX(60px);
}

.ProfitMap > ._col1 > ._group3 > ._line1 {
  position: absolute;
  z-index: 1;
  top: -70px;
  right: -108px;
  width: 344px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line2 {
  position: absolute;
  z-index: 1;
  top: -70px;
  left: -36px;
  width: 3px;
  height: 305px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line3 {
  position: absolute;
  z-index: 1;
  top: 232px;
  left: -36px;
  width: 26px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line3 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._col1 > ._group3 > ._line3 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._group3 > ._line3 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._group3 > ._line3 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 > ._group3 > ._line4 {
  position: absolute;
  z-index: 1;
  top: 130px;
  right: -110px;
  width: 104px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line4 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._col1 > ._group3 > ._line4 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._group3 > ._line4 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._group3 > ._line4 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine {
  position: relative;
  z-index: 1;
  padding-bottom: 30px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line {
  position: absolute;
  z-index: 1;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 10px;
  height: 26px;
  width: 3px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col2 {
  padding-top: 60px;
  width: 200px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine {
  position: relative;
  z-index: 1;
  padding-bottom: 50px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line {
  position: absolute;
  z-index: 1;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 13px;
  height: 40px;
  width: 3px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine {
  position: relative;
  z-index: 1;
  padding-bottom: 19px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line {
  position: absolute;
  z-index: 1;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 12px;
  height: 14px;
  width: 3px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col2 > ._group3 {
  position: relative;
  z-index: 1;
  padding-top: 115px;
}

.ProfitMap > ._col2 > ._group3 > ._line {
  position: absolute;
  z-index: 1;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  top: -5px;
  height: 110px;
  width: 3px;
}

.ProfitMap > ._col2 > ._group3 > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col2 > ._group3 > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col2 > ._group3 > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col2 > ._group3 > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col3 {
  padding-top: 60px;
  width: 200px;
}

.ProfitMap > ._col3 > ._group2 {
  padding-top: 20px;
}

.ProfitMap > ._col3 > ._group3 {
  padding-top: 30px;
}

.ProfitMap > ._col3 > ._group4 {
  padding-top: 26px;
  position: relative;
  z-index: 1;
}

.ProfitMap > ._col3 > ._group4 > ._line {
  position: absolute;
  z-index: 1;
  background-color: rgb(210, 209, 205);
  left: -168px;
  bottom: 30px;
  height: 3px;
  width: 162px;
}

.ProfitMap > ._col3 > ._group4 > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  z-index: 1;
  right: -9px;
  top: -5px;
  left: -9px;
}

.ProfitMap > ._col3 > ._group4 > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col3 > ._group4 > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col3 > ._group4 > ._line > ._icon {
    top: -9px;
  }
}



.ComparisonReport__BannerPortal {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 0;
}

.ComparisonReport__BannerPortal >._content {
  width: 1000px;
  margin: 0 auto;
}

.ComparisonReport__Datasets {
  background-color: white;
  border-radius: 5px;
  margin: 0 auto;
}

.ComparisonReport__Datasets >._list {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-right: 305px;
  padding-left: 20px;
}

.ReportModalDatasetList {
  position: relative;
}

.ReportModalDatasetList__block {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

  background: rgba(255, 255, 255, 0.5);
}



.ReportModalDatasetList__button {
  width: 100;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #F8F7F7;
  border: 1px solid #F8F7F7;
  border-radius: 3px;

  text-align: left;
  font-size: 14px;
  color: #93918c;
}



.ReportModalDatasetList__button >._year, .ReportModalDatasetList__button >._farm, .ReportModalDatasetList__button  {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}



.ReportModalDatasetList__button >._name {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.ReportModalDatasetList__button >._user {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 130px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.ReportModalDatasetList__button >._actual {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}



.ReportModalDatasetList__button >._actual >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}



.ReportModalDatasetList__button >._actual >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}



.ReportModalDatasetList__button >._actual >._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}



.ReportModalDatasetList__button >._actual >._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}



.ReportModalDatasetList__button:hover {
  border: 1px solid #93918c;
}



.ReportModalDatasetList__button.is-selected {
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
}



.ReportModalDatasetList__button.is-selected:hover {
  border: 1px solid rgb(0, 103, 184);
}

.ReportModalDatasets__subBanner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.ReportModalDatasets__subBanner >._content {
  position: relative;
  height: 100;
  width: 1000px;
  margin: auto;
}

.ReportModalDatasets__subBanner >._content >._groupBtn {
  position: absolute;
  top: -80px;
  left: 20px;
}

.ReportModalDatasets__subBanner >._content >._groupBtn >._btn {
  display: flex;
  background: none;
  border: 1px solid #b4b2ac;
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 14px;
  color: #b4b2ac;
}

.ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 3px;
}

.ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.ReportModalDatasets__subBanner >._content >._groupBtn >._btn >._icon * {
  fill: #b4b2ac;
}

.ReportModalDatasets__filterControl{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 20px;
}

.ReportModalDatasets__filterControl >.DatasetList__header {
  width: 640px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 10px;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._year, .ReportModalDatasets__filterControl >.DatasetList__header >._farm, .ReportModalDatasets__filterControl >.DatasetList__header  {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._name {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._user {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 130px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._actual {
  width: 80px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  margin-top: 3px;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon #tick {
  fill: rgba(0, 103, 184, 0.6);
}

.ReportModalDatasets__filterControl >.DatasetList__header >._actual >._icon.is-grey #close {
  fill: rgba(0, 0, 0, 0.2);
}


.allButton___Datasets__20cPg {

  position: absolute;
  right: 307px;
  top: 60px;
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 3px;
  width: 70px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
  margin-left: 10px;
}
.allButton___Datasets__20cPg:hover {

  border: 1px solid rgb(0, 103, 184);
}
.allButton___Datasets__20cPg.disabled___Datasets__Q20tY {

  display: none;

  cursor: not-allowed;

  background: rgba(147, 145, 140, 0.2);

  border-color: rgba(147, 145, 140, 0.2);
}
.ReportSubRoute__SmallFilterbar {
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
}
.ReportSubRoute__SmallFilterbar >._container {
  position: absolute;
  top: 0;
  width: 1000px;
  padding-right: 310px;
  left: 50%;
  margin-left: -505px;
  border-bottom: 1px solid #F8F7F7;
  background: white;
}
.ReportSubRoute__SmallFilterbar >._container >._content {
  background: white;
  padding-right: 0;
  padding-left: 20px;
}


.ReportModalFloatingList {
  position: relative;
}

.ReportModalSelectedList {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.ReportModalSelectedList >._item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
}

.ReportModalEmptyList {
  margin-bottom: 20px;
}

.ReportModalEmptyList >._item {
  color: rgb(0, 103, 184);
  text-align: center;
  opacity: 0.6;
  font-size: 13px;
  padding: 10px;
  border: 2px dashed rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
}

.ReportModalDatasets__submitBtn {
  opacity: 0.3;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  border: 2px solid white;
  outline: 2px solid white;
}

.ReportModalDatasets__submitBtn >._content {
  display: flex;
}

.ReportModalDatasets__submitBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.ReportModalDatasets__submitBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.ReportModalDatasets__submitBtn >._content >._icon * {
  fill: white;
}

.ReportModalDatasets__submitBtn.is-clickable {
  opacity: 1.0;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
}

.ReportModalSelectedDatasets {
    position: absolute;
    bottom: 0;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
  }

.ReportModalSelectedDatasets >._listContainer {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 250px;
  padding: 20px;
  padding-top: 12px;
  border-radius: 5px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
}

.ReportModalSelectedDatasets >._listContainer >._title {
  font-size: 14px;
  padding-bottom: 10px;
  color: #93918c;
}


.Comparison__ReportModalSelectedList__item >._item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    text-align: left;
    color: rgb(0, 103, 184);
    font-weight: 700;
    font-size: 13px;
    padding: 10px;
    background: white;
    border: 2px solid rgb(183, 218, 245);
    border-radius: 4px;
    margin-bottom: 10px;
}

.ReportModalFilter {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.ReportModalFilter__subBanner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1000px;
  margin: 0 auto;
  height: 100%;
}

.ReportModalFilter__submitBtn {
  display: flex;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
  margin-left: 20px;
}

.ReportModalFilter__submitBtn:active, .ReportModalFilter__submitBtn:focus {
  outline: 2px solid rgb(0, 103, 184);
}

.ReportModalFilter__submitBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.ReportModalFilter__submitBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.ReportModalFilter__submitBtn >._icon * {
  fill: white;
}

.ReportModalFilter__downloadBtn {
  display: flex;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  color: rgb(0, 103, 184);
  border: 2px solid white;
  outline: 2px solid rgb(183, 218, 245);
  margin-left: 20px;
}

.ReportModalFilter__downloadBtn:active, .ReportModalFilter__downloadBtn:focus {
  outline: 2px solid rgb(183, 218, 245);
}

.ReportModalFilter__downloadBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
}

.ReportModalFilter__downloadBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 23px;
  height: 23px;
}

.ReportModalFilter__downloadBtn >._icon * {
  fill: rgb(183, 218, 245);
}

.ReportFilter {
  background-color: white;
  width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}



.ReportFilter2 {
  background-color: white;
  display: flex;
  justify-content: space-between;
}

.ReportFilter2 >._col1 {
  width: 300px;
}

.ReportFilter2 >._col2 {
  width: 600px;
}

.ReportFilter2__group {
  padding-bottom: 20px;
}

.ReportFilter2__group >._title {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
}

.ReportFilter2__group >._colHeadings {
  display: flex;
}

.ReportFilter2__group >._colHeadings >._title {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  width: 180px;
}

.ReportFilter2__group >._colHeadings >._col {
  width: 200px;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
}

.ReportFilter2__singleField {

  padding-bottom: 5px;
}

.ReportFilter2__singleField >._label {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}

.ReportFilter2__singleField >._field {
  width: 200px;
}


.ReportFilter2__doubleField {
  display: flex;
  padding-bottom: 15px;
}


.ReportFilter2__doubleField >._label {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}


.ReportFilter2__doubleField >._col {
  width: 200px;
  margin-left: 20px;
}


.ReportFilter2__doubleField >._col >._field {
  text-align: center;
}


.ReportFilter2__doubleField >._col >._field.is-error >._output {
  color: rgba(212, 71, 15, 0.6);
  background: rgba(212, 71, 15, 0.2);
}


.ReportFilter2__doubleField >._col >._field >._output {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
  border-radius: 3px;
  padding: 6px 10px;
}

.ReportFilter2__fromToField {
  display: flex;
  padding-bottom: 15px;
}

.ReportFilter2__fromToField >._label {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}

.ReportFilter2__fromToField >._col {
  display: flex;
  justify-content: space-between;
  width: 200px;
  margin-left: 20px;
}

.ReportFilter2__fromToField >._col >._from {
  width: 90px;
}

.ReportFilter2__fromToField >._col >._to {
  display: flex;
  width: 100px;
}

.ReportFilter2__fromToField >._col >._to .SelectInput {
  width: 90px;
}

.ReportFilter2__fromToField >._col >._to >._text {
  display: block;
  text-align: center;
  padding-top: 6px;
  width: 20px;
  color: rgb(183, 218, 245);
}
.option___InputMultiSelect__2_HqG {
  opacity: 0.8;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #3A4248;
  padding-bottom: 10px;
}

.option___InputMultiSelect__2_HqG:hover {
  opacity: 1.0;
}

.checkbox___InputMultiSelect__JArMW {
  width: 40px;
  margin-right: 5px;
}

.checkbox___InputMultiSelect__JArMW.is-disabled___InputMultiSelect__3f13C * {
  cursor: not-allowed;
}
.ComparisonReport__header {
  position: absolute;
  height: 0;
  z-index: 1;
  left: 0;
  right: 0;
}

.ComparisonReport__headerContent {
  position: absolute;
  background: white;
  padding-top: 20px;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  border-bottom: 2px solid white;
}

.ComparisonReport__tabsLink {
  zoom: 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}

.ComparisonReport__tabsLink:before, .ComparisonReport__tabsLink:after {
  content: "";
  display: table;
}

.ComparisonReport__tabsLink:after {
  clear: both;
}

.ComparisonReport__tabsLink.is-active {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}

.ComparisonReport__tableWrapper {
  padding-top: 65px;
  padding-bottom: 40px;
}

.ComparisonReport__tables {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.ComparisonReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.ComparisonReportTable__row {
  display: flex;
  justify-content: space-between;
  padding: 5px 15px;
}

.ComparisonReportTable__row.is-heading {
  background: #e8e8e8;
}

.ComparisonReportTable__row.is-h1 {
  font-weight: bold;
}

.ComparisonReportTable__row.is-h2 {
  font-weight: bold;
}

.ComparisonReportTable__row.is-h3 {
  background: white;
}

.ComparisonReportTable__row.is-h4 {
  position: relative;
}

.ComparisonReportTable__row.is-h4 > .ComparisonReportTable__label {
  padding-left: 15px;
}

.ComparisonReportTable__row.is-h5 {}

.ComparisonReportTable__row.is-h6 {}

@media print {

  .__condenseRows__ .ComparisonReportTable__row {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.ComparisonReportTable__label {
  min-width: 300px;
  max-width: 300px;
  display: flex;
}

.ComparisonReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.ComparisonReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.ComparisonReportTable__label > ._hierachy {
  position: absolute;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

.ComparisonReportTable__data {
  flex: 1;
  display: flex;
  /* justify-content: space-between; */
}

.ComparisonReportTable__data > ._col {
  flex-grow: 1;
  max-width: 80px;
  min-width: 80px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PrintModal >._content .ChartGrid {
  display: flex;
  flex-wrap: wrap;
}

.PrintModal >._content .ChartGrid >._item ._xAxis {
  font-size: 12px;
  font-weight: 400;
  padding-left: 20px;
  text-align: center;
}

.PrintModal >._content .ChartGrid.SummaryCharts {
  padding-top: 60px;
}

.PrintModal >._content .ChartGrid.SummaryCharts ._item {
  padding-top: 90px;
}

.PrintModal >._content .ChartGrid ._item {
  position: relative;
  page-break-inside: avoid;
  width: 330px;
  padding: 20px;
  padding-top: 80px;
  font-weight: 700;
}

.PrintModal >._content .ChartGrid ._item tspan {
  font-size: 11px !important;
}

.PrintModal >._content .ChartGrid ._item ._title {
  padding-left: 8px;
  font-weight: 700;
  font-size: 12px;
}

.PrintModal >._content .ChartGrid ._item ._unit {
  display: inline-block;
  padding-left: 15px;
  font-size: 11px;
  color: #b4b2ac;
}

.PrintModal >._content .ComparisonReport__tableHeader {
  height: auto;
}

.PrintModal >._content .ComparisonReport__tableHeader ._col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden !important;
}

.PrintModal >._content .ComparisonReport__tableWrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.PrintModal >._content .ComparisonReportTable__data >._col {
  /* overflow: visible; taken out for overlapping headings */
}

.PrintModal >._content .ComparisonReport__tables {
  overflow: visible;
}

.PrintModal >._content .ComparisonReport__tableWrapper {
  padding-top: 20px !important;
}

.PrintModal >._content .ComparisonReport__tableHeader {
  cursor: default;
  box-shadow: none;
}

.PrintModal >._content .ComparisonReport__tableHeader .ComparisonReportTable__row {
  display: none;
}

.PrintModal >._content .ComparisonReport__tableHeader .ComparisonReportTable__row:first-child {
  display: flex;
}

.PrintModal >._content .ComparisonReport__tableHeader.menu-open .ComparisonReportTable__row {
  display: flex;
}

.PrintModal >._content .ComparisonReportTable__row {
  position: relative;
  page-break-inside: avoid;
  padding-top: 0;
}

.ComparisonReport__printTab {
  padding-bottom: 60px;
}

@media print {

  .ComparisonReport__printTab {
    padding-bottom: 0px;
  }
}

.ComparisonReport__printTab >._header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.ComparisonReport__printTab >._header .PrintLogo {
  display: none;
}

@media print {

  .ComparisonReport__printTab >._header .PrintLogo {
    display: block;
  }
}

.ComparisonReport__printTab >._header .PrintLogo.__smol__ {
  height: 30px;
}

.ComparisonReport__printTab >._header .PrintLogo.__smol__ >._icon svg {
  width: 80px;
  height: 50px;
}

.page-break {
  display: none;
}

@media print {

  .page-break {
    display: block;
    position: relative;
    page-break-after: always;
  }
}

@media print {

  .App {
    display: none;
  }
}

@media print {

  * {
    position: relative !important;
  }
}
.ComparisonReport__tableHeader {
  cursor: pointer;
  height: 80px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #DAECF9;
  width: 100%;
  overflow: hidden;
}
.ComparisonReport__tableHeader.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}
.ComparisonReport__chartHeader {
  cursor: pointer;
  height: 39px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #DAECF9;
  width: 100%;
  overflow: hidden;
}
.ComparisonReport__chartHeader.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}
.PopupButton {
  user-select: none;
  position: relative;
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}


.PopupButton.has-description {
  cursor: pointer;
}


.PopupButton.has-description:hover >._title {
  color: rgb(0, 103, 184);
}


.PopupButton__text {
  font-size: 14px;
  color: white;
  font-weight: 400;
  line-height: 1.4;
}
.ChartGrid {
  display: flex;
  flex-wrap: wrap;
}
.ChartGrid >._item {
  width: 480px;
  padding: 20px;
  font-weight: 700;
}


.ChartGrid >._item >._xAxis {
  font-size: 12px;
  text-align: center;
}


.ChartItem__legend {
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  background: #DAECF9;
  margin-bottom: 40px;
  margin-right: 60px;
}

.ChartItem__chart >._heading {
  display: flex;
}

.ChartItem__chart >._heading >._title {
  flex: 1;
}

.ChartItem__chart >._heading >._title >._unit {
  display: inline-block;
  padding-left: 15px;
  font-size: 14px;
  color: #b4b2ac;
}

.ChartItem__chart >._heading >._axis {
  font-size: 14px;
  font-weight: 700;
  padding-right: 20px;
}

.ChartItem__chart >._heading >._btn {
  font-size: 12px;
  font-weight: 400;
  background: none;
  color: #93918c;
  border: 1px solid #b4b2ac;
  border-radius: 2px;
}

@media print {


  .ChartItem__chart >._heading >._btn {
    display: none;
  }
}



.ChartItemPortal {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(0,0,0,0.5);
  -webkit-overflow-scrolling: touch;
}

.ChartItemPortal__content {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  background: white;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 20px;

}
.root___BulkComparisonReport__1l3Nu {
  
}

.BulkComparison__ReportModalSelectedList {
  z-index: 1;
  margin-top: 10px;
}

.BulkComparison__ReportModalSelectedList >._item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.BulkComparison__ReportModalSelectedList >._item >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}

.BulkComparison__ReportModalSelectedList >._item >._delete {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon * {
  fill: rgba(0, 103, 184, 0.3);
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon :hover * {
  fill: rgba(0, 103, 184, 0.7);
}

.BulkComparison__ReportModalEmptyList {
  margin-top: 10px;
}

.BulkComparison__ReportModalEmptyList >._item {
  color: rgb(0, 103, 184);
  text-align: center;
  opacity: 0.6;
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  border: 2px dashed rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
}

.BulkComparison__ReportModalDatasets__submitBtn {
  opacity: 0.3;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid white;
  outline: 2px solid white;
  cursor: inherit;
  width: 100%;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content {
  display: flex;
  justify-content: center;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content >._icon * {
  fill: white;
}

.BulkComparison__ReportModalDatasets__submitBtn.is-clickable {
  opacity: 1.0;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
  cursor: pointer;
}

.BulkComparison__ReportModalSelectedDatasets {
  margin-left: 20px;
  }

.BulkComparison__ReportModalSelectedDatasets >._listContainer {
  width: 250px;
  padding: 20px;
  padding-top: 12px;
  margin-top: 30px;
  border-radius: 5px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
}

.BulkComparison__ReportModalSelectedDatasets >._listContainer >._title {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #93918c;
  text-align: center;
  font-weight: 700;
}


.BulkComparison__ReportModalSelectedList__item {
  z-index: 1;
  margin-top: 10px;
}
.BulkComparison__ReportModalSelectedList__item >._item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.BulkComparison__ReportModalSelectedList__item >._item >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon * {
  fill: rgba(0, 103, 184, 0.3);
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon :hover * {
  fill: rgba(0, 103, 184, 0.7);
}
.root___Datasets__109JG {
  background-color: white;
  border-radius: 5px;
  margin: 0 auto;
}

.banner___Datasets__1mmXk {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 0;
}

.bannerContent___Datasets__1cgcU {
  width: 1000px;
  margin: 0 auto;
}

.content___Datasets__1N-ix {
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;

  display: flex;
}

.list___Datasets__1_qBF {
  width: 700px;
}

.listTitle___Datasets__1kbSL {
  padding-top: 30px;
  font-size: 18px;
  font-weight: 700;

  display: flex;
  justify-content: flex-end;
}

.allButton___Datasets__2cDwo {
  background: rgba(0, 103, 184, 0.2);
  border: 1px solid rgba(0, 103, 184, 0.2);
  padding: 3px;
  width: 70px;
  border-radius: 3px;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 12px;
  margin-left: 10px;
}

.allButton___Datasets__2cDwo:hover {
  border: 1px solid rgb(0, 103, 184);
}

.allButton___Datasets__2cDwo.disabled___Datasets__-BMvc {
  cursor: not-allowed;
  background: rgba(147, 145, 140, 0.2);
  border-color: rgba(147, 145, 140, 0.2);
}
.root___FilterList__12Xwa {
  margin-top: 20px;
  width: 500px;
}

.filter___FilterList__1C2wo {
  display: flex;
  align-items: center;
  margin-bottom: 10px;

  color: rgb(0, 103, 184);
}

.selectableArea___FilterList__1f0vw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 475px;
  padding: 8px 10px;
}

.selectableArea___FilterList__1f0vw.isSelected___FilterList__3-OuE {
  background: rgb(183, 218, 245);
}

.filterInfo___FilterList__QmrgA {
  display: flex;
  align-items: center;
}

.checkbox___FilterList__M1P0u {
  margin-right: 10px;
}

.filtertext___FilterList__2EZMV {
  display: flex;
}

.filtertextvalue___FilterList__1JZjO {
  width: 230px;
}

.count___FilterList__4ShWA {
  display: inline-block;
  padding-left: 30px;
  font-size: 13px;
}

.count___FilterList__4ShWA.error___FilterList__32b3V {
  color: red;
}

.editBtn___FilterList__1CbkG {
  cursor: pointer;
}

.editIcon___FilterList__1Axa5 {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
}

.editIcon___FilterList__1Axa5 svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.editIcon___FilterList__1Axa5 path {
  fill: rgb(78, 118, 23);
}

.deleteBtn___FilterList__1jylY {
  margin-left: 10px;
  cursor: pointer;
}

.deleteIcon___FilterList__1kvz5 {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
}

.deleteIcon___FilterList__1kvz5 svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.deleteIcon___FilterList__1kvz5 path {
  fill: #b4b2ac;
}


.InvisibleRequestModal {
  display: none;

  user-select: none;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  overflow-y: auto;

  z-index: 2;

  background-color: rgba(0,0,0,0.5);

  -webkit-overflow-scrolling: touch;
  background-color: rgba(55, 56, 58, 0.4);
}

.InvisibleRequestModal.fail {
  display: block;
}

.InvisibleRequestModal >._container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.InvisibleRequestModal >._container >._modalBox {
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.InvisibleRequestModal >._container >._modalBox >._closeBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  background: none;
  border: none;
}

.InvisibleRequestModal >._container >._modalBox >._closeBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.InvisibleRequestModal >._container >._modalBox >._closeBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.InvisibleRequestModal >._container >._modalBox >._closeBtn >._icon * {
  fill: #b4b2ac;
}

.InvisibleRequestModal__content {
  position: relative;
  padding: 40px 20px;
  background: white;
  border-radius: 5px;
  width: 400px;
  text-align: center;

}

.InvisibleRequestModal__title {
  display: inline-block;
  font-size: 21px;
  font-weight: 300;
  border-bottom: 1px solid #F8F7F7;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.InvisibleRequestModal__text {
  font-size: 14px;
  width: 290px;
  margin: 0 auto;
}

.InvisibleRequestModal__actions {

  display: flex;
  justify-content: center;
  padding: 10px;
  padding-top: 30px;
}

.InvisibleRequestModal__actions >._btn {
  padding: 6px 8px;
  border: 1px solid #93918c;
  font-size: 13px;
  background: none;
  color: #93918c;
  margin: 0 10px;
  border-radius: 2px;
}
.col___RegionField__VmkXa {
  width: 200px;
  margin-left: 20px;

  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
  
  display: flex;
  justify-content: space-between;
}

.label___RegionField__30Ltv {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}

.field___RegionField__1NKW0 {
  width: 200px;
}

.field___RegionField__1NKW0.isError___RegionField__1Z7sF >._output___RegionField__xDNlY {
  color: rgba(212, 71, 15, 0.6);
  background: rgba(212, 71, 15, 0.2);
}

.field___RegionField__1NKW0 >._output___RegionField__xDNlY {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
  border-radius: 3px;
  padding: 6px 10px;
}

.fieldWrapper___RegionField__3wEaJ {
  display: flex;
  padding-bottom: 15px;
}
.root__FilterEditorPortal__2hJ7D {
  position: relative;

  background-color: white;
  border-radius: 5px;
  margin: 0 auto;
  padding: 30px;
  padding-top: 60px;

  display: flex;
  justify-content: space-between;
}

.col1__FilterEditorPortal__2BFfy {
  width: 400px;
}

.col2__FilterEditorPortal__348Tc {
  width: 500px;
}

.group__FilterEditorPortal__XEGSB {
  padding-bottom: 20px;
}

.headings__FilterEditorPortal__vCa15 {
  display: flex;
}

.saveBtn__FilterEditorPortal__3MUWW {
  display: inline-block;
  background: rgb(0, 103, 184);
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 12px;
  cursor: pointer;
}

.title__FilterEditorPortal__IA0um {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  width: 180px;
}

.col__FilterEditorPortal__3U97E {
  width: 200px;
  margin-left: 20px;

  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
  
  display: flex;
  justify-content: space-between;
}

.verticalField__FilterEditorPortal__3eyvh {
  padding-bottom: 5px;
}

.label__FilterEditorPortal__bOt1p {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}

.field__FilterEditorPortal__3o2_P {
  width: 200px;
}

.field__FilterEditorPortal__3o2_P.isError__FilterEditorPortal__2MxjV >._output__FilterEditorPortal__3x5i9 {
  color: rgba(212, 71, 15, 0.6);
  background: rgba(212, 71, 15, 0.2);
}

.field__FilterEditorPortal__3o2_P >._output__FilterEditorPortal__3x5i9 {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
  border-radius: 3px;
  padding: 6px 10px;
}

.field__FilterEditorPortal__3o2_P.inCol1__FilterEditorPortal__2Eswk {
  width: 300px;
}

.fieldWrapper__FilterEditorPortal__3mOj0 {
  display: flex;
  padding-bottom: 15px;
}

.from__FilterEditorPortal__yWPN7 {
  width: 90px;
}

.to__FilterEditorPortal__7HSH0 {
  display: flex;
  width: 100px;
}

.to__FilterEditorPortal__7HSH0 .SelectInput__FilterEditorPortal__1sEwz {
  width: 90px;
}

.text__FilterEditorPortal__3ecDA {
  display: block;
  text-align: center;
  padding-top: 6px;
  width: 20px;
  color: rgb(183, 218, 245);
}

.BulkComparison__ReportModalSelectedList {
  z-index: 1;
  margin-top: 10px;
}

.BulkComparison__ReportModalSelectedList >._item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.BulkComparison__ReportModalSelectedList >._item >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}

.BulkComparison__ReportModalSelectedList >._item >._delete {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon * {
  fill: rgba(0, 103, 184, 0.3);
}

.BulkComparison__ReportModalSelectedList >._item >._delete >._icon :hover * {
  fill: rgba(0, 103, 184, 0.7);
}

.BulkComparison__ReportModalEmptyList {
  margin-top: 10px;
}

.BulkComparison__ReportModalEmptyList >._item {
  color: rgb(0, 103, 184);
  text-align: center;
  opacity: 0.6;
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  border: 2px dashed rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
}

.BulkComparison__ReportModalDatasets__submitBtn {
  opacity: 0.3;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid white;
  outline: 2px solid white;
  cursor: inherit;
  width: 100%;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content {
  display: flex;
  justify-content: center;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.BulkComparison__ReportModalDatasets__submitBtn >._content >._icon * {
  fill: white;
}

.BulkComparison__ReportModalDatasets__submitBtn.is-clickable {
  opacity: 1.0;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
  cursor: pointer;
}

.BulkComparison__ReportModalSelectedDatasets {
  margin-left: 20px;
  }

.BulkComparison__ReportModalSelectedDatasets >._listContainer {
  width: 250px;
  padding: 20px;
  padding-top: 12px;
  border-radius: 5px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
}

.BulkComparison__ReportModalSelectedDatasets >._listContainer >._title {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #93918c;
  text-align: center;
  font-weight: 700;
}


.root___SelectedList__1uJJE {
  position: absolute;
  z-index: 8000;
  top: 150px;
  right: 148px;

  width: 250px;

  border: 2px solid #B8DAF4;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 30px;
}

.BulkComparison__ReportModalSelectedList__item {
  z-index: 1;
  margin-top: 10px;
}
.BulkComparison__ReportModalSelectedList__item >._item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  color: rgb(0, 103, 184);
  font-weight: 700;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 2px solid rgb(183, 218, 245);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.BulkComparison__ReportModalSelectedList__item >._item >._text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon * {
  fill: rgba(0, 103, 184, 0.3);
}
.BulkComparison__ReportModalSelectedList__item >._item >._delete >._icon :hover * {
  fill: rgba(0, 103, 184, 0.7);
}
.root___Filter__2fB6t {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.header___Filter__2q71v {
  display: flex;
  align-items: flex-end;
}

.header_item___Filter__1KFJJ {
  padding-right: 106px;
}

.kpi___Filter__1EzZJ {
  width: 200px;
}

.generateBtn___Filter__2i8or {
  display: block;
  background: rgb(0, 103, 184);
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 12px;
}

.generateBtn___Filter__2i8or.disabled___Filter__1dfCv {
  cursor: not-allowed;
  background: #93918c;
}

.createBtn___Filter__1rWQr {
  display: block;
  margin-top: 20px;

  border: 2px solid rgb(0, 103, 184);
  border-radius: 4px;
  background: white;
  padding: 10px 12px;

  color: rgb(0, 103, 184);
}

.buttonWrapper___Filter__1kwBj {
  display: flex;
  align-items: center;
}

.plusIcon___Filter__23bmd {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.plusIcon___Filter__23bmd svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.plusIcon___Filter__23bmd path {
  fill: rgb(0, 103, 184);
}
.ComparisonReport__header {
  // position: absolute;
  // height: 0;
  // z-index: 1;
  // left: 0;
  // right: 0;
}

.ComparisonReport__headerContent {
  background: white;
  padding-top: 20px;
  // position: absolute;
  // top: 0;
  // left: 50%;
  // margin-left: -500px;
  // width: 1000px;
  border-bottom: 2px solid white;
}

.ComparisonReport__tabsLink {
  zoom : 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}

.ComparisonReport__tabsLink:before, .ComparisonReport__tabsLink:after {
  content : "";
  display : table;
}

.ComparisonReport__tabsLink:after {
  clear : both;
}

.ComparisonReport__tabsLink.is-active {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}

.ComparisonReport__tableWrapper {
  padding-top: 65px;
  padding-bottom: 40px;
}

.ComparisonReport__tables {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.ComparisonReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.BulkComparisonReportTable__row {
  display: inline-flex;
  min-width: 100%;
  justify-content: space-between;
  padding: 5px 15px;
}

.BulkComparisonReportTable__row.is-heading {
  background: #e8e8e8;
}

.BulkComparisonReportTable__row.is-h1 {
  font-weight: bold;
}

.BulkComparisonReportTable__row.is-h2 {
  font-weight: bold;
}

.BulkComparisonReportTable__row.is-h3 {
  background: white;
}

.BulkComparisonReportTable__row.is-h4 {
  position: relative;
}

.BulkComparisonReportTable__row.is-h4 > .ComparisonReportTable__label {
  padding-left: 15px;
}

.BulkComparisonReportTable__row.is-h5 {}

.BulkComparisonReportTable__row.is-h6 {}

@media print {

  .__condenseRows__ .BulkComparisonReportTable__row {
    padding-top : 0;
    padding-bottom : 0;
  }
}

.ComparisonReportTable__label {
  min-width: 300px;
  max-width: 300px;
  display: flex;
}

.ComparisonReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.ComparisonReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.ComparisonReportTable__label > ._hierachy {
  position: absolute;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

@media print {

  .ComparisonReportTable__label {
    padding-left : 15px;
  }
}

.ComparisonReportTable__data {
  flex: 1;
  display: flex;
  /* justify-content: space-between; */
}

.ComparisonReportTable__data > ._col {
  flex-grow: 1;
  max-width: 80px;
  min-width: 80px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
}

.PrintModal >._content .ChartGrid {
  display: flex;
  flex-wrap: wrap;
}

.PrintModal >._content .ChartGrid >._item ._xAxis {
  font-size: 12px;
  font-weight: 400;
  padding-left: 20px;
  text-align: center;
}

.PrintModal >._content .ChartGrid.SummaryCharts {
  padding-top: 60px;
}

.PrintModal >._content .ChartGrid.SummaryCharts ._item {
  padding-top: 90px;
}

.PrintModal >._content .ChartGrid ._item {
  position: relative;
  page-break-inside: avoid;
  width: 330px;
  padding: 20px;
  padding-top: 80px;
  font-weight: 700;
}

.PrintModal >._content .ChartGrid ._item tspan {
  font-size: 11px !important;
}

.PrintModal >._content .ChartGrid ._item ._title {
  padding-left: 8px;
  font-weight: 700;
  font-size: 12px;
}

.PrintModal >._content .ChartGrid ._item ._unit {
  display: inline-block;
  padding-left: 15px;
  font-size: 11px;
  color: #b4b2ac;
}

.PrintModal >._content .ComparisonReport__tableHeader {
  height: auto;
}

.PrintModal >._content .ComparisonReport__tableHeader ._col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden !important;
}

.PrintModal >._content .ComparisonReport__tableWrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.PrintModal >._content .ComparisonReportTable__data >._col {
  /* overflow: visible; taken out for overlapping headings */
}

.PrintModal >._content .ComparisonReport__tables {
  overflow: visible;
}

.PrintModal >._content .ComparisonReport__tableWrapper {
  padding-top: 20px !important;
}

.PrintModal >._content .ComparisonReport__tableHeader {
  cursor: default;
  box-shadow: none;
}

.PrintModal >._content .ComparisonReport__tableHeader .BulkComparisonReportTable__row {
  display: none;
}

.PrintModal >._content .ComparisonReport__tableHeader .BulkComparisonReportTable__row:first-child {
  display: flex;
}

.PrintModal >._content .ComparisonReport__tableHeader.menu-open .BulkComparisonReportTable__row {
  display: flex;
}

.PrintModal >._content .BulkComparisonReportTable__row {
  position: relative;
  page-break-inside: avoid;
  padding-top: 0;
}

.ComparisonReport__printTab {
  padding-bottom: 60px;
}

@media print {

  .ComparisonReport__printTab {
    padding-bottom: 0px;
  }
}

.ComparisonReport__printTab >._header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.ComparisonReport__printTab >._header .PrintLogo {
  display: none;
}

@media print {

  .ComparisonReport__printTab >._header .PrintLogo {
    display: block;
  }
}

.ComparisonReport__printTab >._header .PrintLogo.__smol__ {
  height: 30px;
}

.ComparisonReport__printTab >._header .PrintLogo.__smol__ >._icon svg {
  width: 80px;
  height: 50px;
}

.page-break {
  display: none;
}

@media print {

  .page-break {
    display: block;
    position: relative;
    page-break-after: always;
  }
}

@media print {

  .App {
    display: none;
  }
}

@media print {

  * {
    position: relative !important;
  }
}
.ComparisonReport__tableHeader {
  cursor: pointer;
  height: 80px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #DAECF9;
  width: 100%;
  overflow: hidden;
}
.ComparisonReport__tableHeader.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}
.BulkReportHeaderTemplate {
  position: sticky;
  z-index: 50;
  top: 65px;
  left: 0;
  height: 39px;
  border: none;
  padding: 0;
  padding-top: 39px;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #daecf9;
  overflow: hidden;
}

.BulkReportHeaderTemplate > .Legend__Header {
  position: absolute;
  top: 0;
  left: 0;
  width: 930px;
  color: rgb(0, 103, 184);
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
}

.BulkReportHeaderTemplate > .Legend__Header > ._ratio > ._title {
  font-weight: 400;
}

.BulkReportHeaderTemplate > .Legend__Header > ._btn {
  font-weight: 400;
  background: none;
  border: none;
  position: absolute;
  padding: 0;
  top: 9px;
  right: 0;
  text-decoration: underline;
}

@media print {

  .BulkReportHeaderTemplate > .Legend__Header > ._btn {
    display: none;
  }
}

.BulkReportHeaderTemplate.menu-open {
  height: auto;
  display: inline-flex;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}

.BulkReportHeaderTemplate.isPrinting {
  display: block;
  position: relative;
  top: 0;
}

@media print {

  .BulkReportHeaderTemplate.isPrinting {
    padding-top: 0;
  }
}

@media print {

  .BulkReportHeaderTemplate.isSplit {
    page-break-before: always;
    margin-top: 20px;
  }
}

.Legend__content > ._container {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.Legend__units {
  display: flex;
  padding: 5px 10px;
  margin: 2px;
  background-color: white;
}

.Legend__unit {
  margin: 0 5px;
  font-size: 13px;
  display: flex;
  padding: 5px 8px;
  border-radius: 4px;
}

.Legend__unit span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  margin: auto;
  font-size: 12px;
  padding-top: 2px;
}

.Legend__label {
  font-size: 13px;
  margin: auto 0;
  margin-right: 10px;
  width: 150px;
  text-align: left;
}

.ReportModalFilter {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.ReportModalFilter__subBanner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1000px;
  margin: 0 auto;
  height: 100%;
}

.ReportModalFilter__submitBtn {
  display: flex;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
  margin-left: 20px;
}

.ReportModalFilter__submitBtn:active, .ReportModalFilter__submitBtn:focus {
  outline: 2px solid rgb(0, 103, 184);
}

.ReportModalFilter__submitBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.ReportModalFilter__submitBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.ReportModalFilter__submitBtn >._icon * {
  fill: white;
}

.ReportModalFilter__downloadBtn {
  display: flex;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  color: rgb(0, 103, 184);
  border: 2px solid white;
  outline: 2px solid rgb(183, 218, 245);
  margin-left: 20px;
}

.ReportModalFilter__downloadBtn:active, .ReportModalFilter__downloadBtn:focus {
  outline: 2px solid rgb(183, 218, 245);
}

.ReportModalFilter__downloadBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
}

.ReportModalFilter__downloadBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 23px;
  height: 23px;
}

.ReportModalFilter__downloadBtn >._icon * {
  fill: rgb(183, 218, 245);
}

.ReportFilter {
  background-color: white;
  width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}



.ReportFilter2 {
  background-color: white;
  display: flex;
  justify-content: space-between;
}

.ReportFilter2 >._col1 {
  width: 300px;
}

.ReportFilter2 >._col2 {
  width: 600px;
}

.ReportFilter2__group {
  padding-bottom: 20px;
}

.ReportFilter2__group >._title {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
}

.ReportFilter2__group >._colHeadings {
  display: flex;
}

.ReportFilter2__group >._colHeadings >._title {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  width: 180px;
}

.ReportFilter2__group >._colHeadings >._col {
  width: 200px;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
}

.ReportFilter2__singleField {
  
  padding-bottom: 5px;
}

.ReportFilter2__singleField >._label {
  padding-top: 8px;
  padding-bottom: 5px;
  font-size: 13px;
  width: 180px;
}

.ReportFilter2__singleField >._field {
  width: 200px;
}


.ReportFilter2__doubleField {
  display: flex;
  padding-bottom: 15px;
}


.ReportFilter2__doubleField >._label {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}


.ReportFilter2__doubleField >._col {
  width: 200px;
  margin-left: 20px;
}


.ReportFilter2__doubleField >._col >._field {
  text-align: center;
}


.ReportFilter2__doubleField >._col >._field.is-error >._output {
  color: rgba(212, 71, 15, 0.6);
  background: rgba(212, 71, 15, 0.2);
}


.ReportFilter2__doubleField >._col >._field >._output {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgb(0, 103, 184);
  background: rgba(0, 103, 184, 0.2);
  border-radius: 3px;
  padding: 6px 10px;
}

.ReportFilter2__fromToField {
  display: flex;
  padding-bottom: 15px;
}

.ReportFilter2__fromToField >._label {
  padding-top: 8px;
  font-size: 13px;
  width: 180px;
}

.ReportFilter2__fromToField >._col {
  display: flex;
  justify-content: space-between;
  width: 200px;
  margin-left: 20px;
}

.ReportFilter2__fromToField >._col >._from {
  width: 90px;
}

.ReportFilter2__fromToField >._col >._to {
  display: flex;
  width: 100px;
}

.ReportFilter2__fromToField >._col >._to .SelectInput {
  width: 90px;
}

.ReportFilter2__fromToField >._col >._to >._text {
  display: block;
  text-align: center;
  padding-top: 6px;
  width: 20px;
  color: rgb(183, 218, 245);
}
.ComparisonReport__header {
  position: absolute;
  height: 0;
  z-index: 1;
  left: 0;
  right: 0;
}

.ComparisonReport__headerContent {
  position: absolute;
  background: white;
  padding-top: 20px;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  border-bottom: 2px solid white;
}

.ComparisonReport__tabsLink {
  zoom: 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}

.ComparisonReport__tabsLink:before, .ComparisonReport__tabsLink:after {
  content: "";
  display: table;
}

.ComparisonReport__tabsLink:after {
  clear: both;
}

.ComparisonReport__tabsLink.is-active {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}

.ComparisonReport__tableHeader {
  cursor: pointer;
  height: 38px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #daecf9;
  width: 100%;
  overflow: hidden;
}

.ComparisonReport__tableHeader.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}

.ComparisonReport__tables {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.ComparisonReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.ComparisonReportTable__row {
  display: flex;
  padding: 5px 15px;
}

.ComparisonReportTable__row.is-heading {
  background: #e8e8e8;
}

.ComparisonReportTable__row.is-h1 {
  font-weight: bold;
}

.ComparisonReportTable__row.is-h2 {
  font-weight: bold;
}

.ComparisonReportTable__row.is-h3 {
  background: white;
}

.ComparisonReportTable__row.is-h4 {
  position: relative;
}

.ComparisonReportTable__row.is-h4 > .ComparisonReportTable__label {
  padding-left: 15px;
}

.ComparisonReportTable__row.is-h5 {}

.ComparisonReportTable__row.is-h6 {}

.ComparisonReportTable__label {
  width: 300px;
  display: flex;
}

.ComparisonReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.ComparisonReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.ComparisonReportTable__label > ._hierachy {
  position: absolute;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

.ComparisonReportTable__data {
  flex: 1;
  display: flex;
}

.ComparisonReportTable__data > ._col {
  width: 130px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PrintModal .SingleChart__Body {
    margin-top: 0 !important;
    padding-top: 20px;
}
.PrintModal .ChartTabHeader {
    width: 830px;
}
.PrintModal .ComparisonReport__tableHeader {
    box-shadow: none;
}
.PrintModal .PrintModal__tab {
    padding-bottom: 60px;
}
@media print {
    .PrintModal .PrintModal__tab {
        padding-bottom: 0px;
    }
}
.PrintModal .PrintModal__tab >._header {
    display: flex;
    justify-content: space-between;
}
.PrintModal .PrintModal__tab >._header .PrintLogo {
    display: block;
    margin-right: 40px;
}
@media print {
    .PrintModal .FarmSizeChart {
        padding-top: 0;
    }
}
.SingleChart__Body {
  padding-top: 30px;
}

.FarmSizeChart {
  padding: 60px 40px 60px 20px;
}

@media print {

  .FarmSizeChart {
    padding: 0px;
  }
}

.FarmSizeChart >._title {
  font-weight: 700;
}

.FarmSizeChart >._title >._unit {
  font-size: 14px;
  display: inline-block;
  padding-left: 20px;
  color: #b4b2ac;
}


.ReportModalFilter {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.ReportModalFilter__subBanner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1000px;
  margin: 0 auto;
  height: 100%;
}

.ReportModalFilter__submitBtn {
  display: flex;
  background: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 8px 12px;
  color: white;
  font-weight: 700;
  border: 2px solid white;
  outline: 2px solid rgb(0, 103, 184);
  margin-left: 20px;
}

.ReportModalFilter__submitBtn:active, .ReportModalFilter__submitBtn:focus {
  outline: 2px solid rgb(0, 103, 184);
}

.ReportModalFilter__submitBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.ReportModalFilter__submitBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.ReportModalFilter__submitBtn >._icon * {
  fill: white;
}

.ReportModalFilter__downloadBtn {
  display: flex;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  color: rgb(0, 103, 184);
  border: 2px solid white;
  outline: 2px solid rgb(183, 218, 245);
  margin-left: 20px;
}

.ReportModalFilter__downloadBtn:active, .ReportModalFilter__downloadBtn:focus {
  outline: 2px solid rgb(183, 218, 245);
}

.ReportModalFilter__downloadBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
}

.ReportModalFilter__downloadBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 23px;
  height: 23px;
}

.ReportModalFilter__downloadBtn >._icon * {
  fill: rgb(183, 218, 245);
}

.ReportFilter {
  background-color: white;
  width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}

.Legend__title {
  display: flex;
  padding: 5px 15px;
  margin-top: 2px;
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}
.ComparisonReport__header {
  position: absolute;
  height: 0;
  z-index: 1;
  left: 0;
  right: 0;
}

.ComparisonReport__headerContent {
  position: absolute;
  background: white;
  padding-top: 20px;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  border-bottom: 2px solid white;
}

.ComparisonReport__tabsLink {
  zoom: 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}

.ComparisonReport__tabsLink:before, .ComparisonReport__tabsLink:after {
  content: "";
  display: table;
}

.ComparisonReport__tabsLink:after {
  clear: both;
}

.ComparisonReport__tabsLink.is-active {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}

.ComparisonReport__tableHeader {
  cursor: pointer;
  height: 38px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #daecf9;
  width: 100%;
  overflow: hidden;
}

.ComparisonReport__tableHeader.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}

.ComparisonReport__tables {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.ComparisonReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.ComparisonReportTable__row {
  display: flex;
  padding: 5px 15px;
}

.ComparisonReportTable__row.is-heading {
  background: #e8e8e8;
}

.ComparisonReportTable__row.is-h1 {
  font-weight: bold;
}

.ComparisonReportTable__row.is-h2 {
  font-weight: bold;
}

.ComparisonReportTable__row.is-h3 {
  background: white;
}

.ComparisonReportTable__row.is-h4 {
  position: relative;
}

.ComparisonReportTable__row.is-h4 > .ComparisonReportTable__label {
  padding-left: 15px;
}

.ComparisonReportTable__row.is-h5 {}

.ComparisonReportTable__row.is-h6 {}

.ComparisonReportTable__label {
  width: 300px;
  display: flex;
}

.ComparisonReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.ComparisonReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.ComparisonReportTable__label > ._hierachy {
  position: absolute;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

.ComparisonReportTable__data {
  flex: 1;
  display: flex;
}

.ComparisonReportTable__data > ._col {
  width: 130px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.FarmSizeChart {
  padding: 60px 40px 60px 20px;
}
@media print {
  .FarmSizeChart {
    padding: 0px;
  }
}
.FarmSizeChart >._title {
  font-weight: 700;
}
.FarmSizeChart >._title >._unit {
  font-size: 14px;
  display: inline-block;
  padding-left: 20px;
  color: #b4b2ac;
}
.root___DFMPFarmClientReport__1wDFK {
  
}
.root___Farm__g4T9V {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.header___Farm__jGdLa {
  display: flex;
}

.header_item___Farm__2v4Wu {
  padding-right: 106px;
}

.kpi___Farm__3k8C- {
  width: 200px;
  padding-bottom: 20px;
}

.generateBtn___Farm__2DhyN {
  display: block;
  background: rgb(0, 103, 184);
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 12px;
  margin-top:10px;
}

.generateBtn___Farm__2DhyN.disabled___Farm__3Z7RI {
  cursor: not-allowed;
  background: #93918c;
}

.createBtn___Farm__2nUl4 {
  display: block;
  margin-top: 20px;

  border: 2px solid rgb(0, 103, 184);
  border-radius: 4px;
  background: white;
  padding: 10px 12px;

  color: rgb(0, 103, 184);
}

.buttonWrapper___Farm__3ISV3 {
  display: flex;
  align-items: center;
}

.plusIcon___Farm__1D4vK {
  position: relative;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.plusIcon___Farm__1D4vK svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
}

.plusIcon___Farm__1D4vK path {
  fill: rgb(0, 103, 184);
}
.ComparisonReport__header {
  // position: absolute !important;
  // height: 0;
  // z-index: 1;
  // left: 0;
  // right: 0;
}

.ComparisonReport__headerContent {
  background: white;
  padding-top: 20px;
  // position: absolute !important;
  // top: 0;
  // left: 50%;
  // margin-left: -500px;
  // width: 1000px;
  border-bottom: 2px solid white;
}

.ComparisonReport__tabsLink {
  zoom : 1;
  background: white;
  border: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 2px;
  border: 1px solid rgba(183, 218, 245, 0.3);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}

.ComparisonReport__tabsLink:before, .ComparisonReport__tabsLink:after {
  content : "";
  display : table;
}

.ComparisonReport__tabsLink:after {
  clear : both;
}

.ComparisonReport__tabsLink.is-active {
  border: 1px solid rgb(183, 218, 245);
  background: rgba(183, 218, 245, 0.5);
}

.ComparisonReport__tableWrapper {
  padding-top: 65px;
  padding-bottom: 40px;
}

.ComparisonReport__tables {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.ComparisonReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.FarmClientReportTable__row {
  display: inline-flex;
  min-width: 100%;
  justify-content: space-between;
  padding: 5px 15px;
}

.FarmClientReportTable__row.is-row-heading {
  background: #e8e8e8;
}

.FarmClientReportTable__row.is-h1 {
  font-weight: bold;
}

.FarmClientReportTable__row.is-h2 {
  font-weight: bold;
}

.FarmClientReportTable__row.is-h3 {
  background: white;
}

.FarmClientReportTable__row.is-h4 {
  position: relative;
}

.FarmClientReportTable__row.is-h4 > .ComparisonReportTable__label {
  padding-left: 15px;
}

.FarmClientReportTable__row.is-h5 {}

.FarmClientReportTable__row.is-h6 {}

@media print {

  .__condenseRows__ .FarmClientReportTable__row {
    padding-top : 0;
    padding-bottom : 0;
  }
}

.ComparisonReportTable__label {
  min-width: 300px;
  max-width: 300px;
  display: flex;
}

.ComparisonReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.ComparisonReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.ComparisonReportTable__label > ._hierachy {
  position: absolute !important;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

.ComparisonReportTable__data {
  flex: 1;
  display: flex;
  /* justify-content: space-between; */
}

.ComparisonReportTable__data > ._col {
  flex-grow: 1;
  max-width: 80px;
  min-width: 80px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
}
.PrintModal > ._content .ChartGrid {
  display: flex;
  flex-wrap: wrap;
}

.PrintModal > ._content .ChartGrid > ._item ._xAxis {
  font-size: 12px;
  font-weight: 400;
  padding-left: 20px;
  text-align: center;
}

.PrintModal > ._content .ChartGrid.SummaryCharts {
  padding-top: 60px;
}

.PrintModal > ._content .ChartGrid.SummaryCharts ._item {
  padding-top: 90px;
}

.PrintModal > ._content .ChartGrid ._item {
  position: relative;
  page-break-inside: avoid;
  width: 330px;
  padding: 20px;
  padding-top: 80px;
  font-weight: 700;
}

.PrintModal > ._content .ChartGrid ._item tspan {
  font-size: 11px !important;
}

.PrintModal > ._content .ChartGrid ._item ._title {
  padding-left: 8px;
  font-weight: 700;
  font-size: 12px;
}

.PrintModal > ._content .ChartGrid ._item ._unit {
  display: inline-block;
  padding-left: 15px;
  font-size: 11px;
  color: #b4b2ac;
}

.PrintModal > ._content .ComparisonReport__tableHeader {
  height: auto;
}

.PrintModal > ._content .ComparisonReport__tableHeader ._col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden !important;
}

.PrintModal > ._content .ComparisonReport__tableWrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.PrintModal > ._content .ComparisonReportTable__data > ._col {
  /* overflow: visible; taken out for overlapping headings */
}

.PrintModal > ._content .ComparisonReport__tables {
  overflow: visible;
}

.PrintModal > ._content .ComparisonReport__tableWrapper {
  padding-top: 20px !important;
}

.PrintModal > ._content .ComparisonReport__tableHeader {
  cursor: default;
  box-shadow: none;
}

.PrintModal > ._content .ComparisonReport__tableHeader .FarmClientReportTable__row {
  display: none;
}

.PrintModal > ._content .ComparisonReport__tableHeader .FarmClientReportTable__row:first-child {
  display: flex;
}

.PrintModal > ._content .ComparisonReport__tableHeader.menu-open .FarmClientReportTable__row {
  display: flex;
}

.PrintModal > ._content .FarmClientReportTable__row {
  position: relative;
  page-break-inside: avoid;
  padding-top: 0;
}

.ComparisonReport__printTab {
  padding-bottom: 60px;
}

@media print {

  .ComparisonReport__printTab {
    padding-bottom: 0px;
  }
}

.ComparisonReport__printTab > ._header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.ComparisonReport__printTab > ._header .PrintLogo {
  display: none;
}

@media print {

  .ComparisonReport__printTab > ._header .PrintLogo {
    display: block;
  }
}

.ComparisonReport__printTab > ._header .PrintLogo.__smol__ {
  height: 30px;
}

.ComparisonReport__printTab > ._header .PrintLogo.__smol__ > ._icon svg {
  width: 80px;
  height: 50px;
}

.page-break {
  display: none;
}

@media print {

  .page-break {
    display: block;
    position: relative;
    page-break-after: always;
  }
}

@media print {

  .App {
    display: none;
  }
}

@media print {

  * {
    position: relative !important;
  }
}
@media print {
  .__dfmpBumpFinance {
    margin-left: 40px;
  }
}

/* ~!! For print views */
.ProfitMap__line {
  position: absolute !important;
}

.ProfitMap {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}

.ProfitMap > ._gutter {
  padding-top: 46px;
  width: 120px;
}

.ProfitMap > ._gutter > ._subhead {
  position: relative;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 103, 184, 0.4);
  transform: translateX(-20px);
}

.ProfitMap > ._gutter > ._subhead > ._line1 {
  position: absolute !important;
  bottom: 25px;
  left: 50%;
  margin-left: -1px;
  width: 3px;
  height: 60px;
  background-color: rgb(212, 233, 249);
}

.ProfitMap > ._gutter > ._subhead > ._line2 {
  position: absolute !important;
  bottom: 85px;
  left: 50%;
  margin-left: -1px;
  width: 190px;
  height: 3px;
  background-color: rgb(212, 233, 249);
}

.ProfitMap > ._gutter > ._subhead > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead > ._line2 > ._icon * {
  fill: rgb(212, 233, 249);
}

@media print {
  .ProfitMap > ._gutter > ._subhead > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._gutter > ._subhead2 {
  position: relative;
  padding-top: 145px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(128, 207, 83, 0.8);
  transform: translateX(-60px);
}

.ProfitMap > ._gutter > ._subhead2 > ._line1 {
  position: absolute !important;
  bottom: 25px;
  left: 70px;
  margin-left: -1px;
  width: 3px;
  height: 90px;
  background-color: rgb(204, 236, 186);
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 {
  position: absolute !important;
  bottom: 115px;
  left: 70px;
  margin-left: -1px;
  width: 130px;
  height: 3px;
  background-color: rgb(204, 236, 186);
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon * {
  fill: rgb(204, 236, 186);
}

@media print {
  .ProfitMap > ._gutter > ._subhead2 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._gutter > ._subhead3 {
  position: relative;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 103, 184, 0.4);
  transform: translateX(-60px);
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 {
  position: absolute !important;
  bottom: 9px;
  left: 80px;
  margin-left: -1px;
  width: 120px;
  height: 3px;
  background-color: rgb(212, 233, 249);
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon * {
  fill: rgb(212, 233, 249);
}

@media print {
  .ProfitMap > ._gutter > ._subhead3 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._gutter > ._subhead4 {
  position: relative;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  color: rgb(115, 171, 216);
  transform: translateX(-60px);
}

.ProfitMap > ._gutter > ._subhead4 > ._line1 {
  position: absolute !important;
  bottom: -60px;
  left: 70px;
  margin-left: -1px;
  width: 3px;
  height: 60px;
  background-color: rgb(115, 171, 216);
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 {
  position: absolute !important;
  bottom: -60px;
  left: 70px;
  margin-left: -1px;
  width: 130px;
  height: 3px;
  background-color: rgb(115, 171, 216);
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon * {
  fill: rgb(115, 171, 216);
}

@media print {
  .ProfitMap > ._gutter > ._subhead4 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 {
  position: relative;
  width: 200px;
}

.ProfitMap > ._col1 > ._line1 {
  position: absolute !important;
  top: 65px;
  left: 103px;
  width: 3px;
  height: 26px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._line1 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col1 > ._line1 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._line1 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._line1 > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col1 > ._line2 {
  position: absolute !important;
  top: 79px;
  left: 105px;
  width: 110px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._line2 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._col1 > ._line2 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._line2 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._line2 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 > ._group1 .ReportMapBox {
  margin-bottom: 40px;
}

.ProfitMap > ._col1 > ._group2 {
  padding-bottom: 169px;
}

.ProfitMap > ._col1 > ._group3 {
  position: relative;
  transform: translateX(60px);
}

.ProfitMap > ._col1 > ._group3 > ._line1 {
  position: absolute !important;
  top: -70px;
  right: -108px;
  width: 344px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line2 {
  position: absolute !important;
  top: -70px;
  left: -36px;
  width: 3px;
  height: 305px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line3 {
  position: absolute !important;
  top: 232px;
  left: -36px;
  width: 26px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line3 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._col1 > ._group3 > ._line3 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._group3 > ._line3 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._group3 > ._line3 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 > ._group3 > ._line4 {
  position: absolute !important;
  top: 130px;
  right: -110px;
  width: 104px;
  height: 3px;
  background-color: rgb(210, 209, 205);
}

.ProfitMap > ._col1 > ._group3 > ._line4 > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
}

.ProfitMap > ._col1 > ._group3 > ._line4 > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._group3 > ._line4 > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._group3 > ._line4 > ._icon {
    top: -9px;
  }
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine {
  position: relative;
  padding-bottom: 30px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line {
  position: absolute !important;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 10px;
  height: 26px;
  width: 3px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col1 > ._group3 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col2 {
  padding-top: 60px;
  width: 200px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine {
  position: relative;
  padding-bottom: 50px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line {
  position: absolute !important;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 13px;
  height: 40px;
  width: 3px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col2 > ._group1 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine {
  position: relative;
  padding-bottom: 19px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line {
  position: absolute !important;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  bottom: 12px;
  height: 14px;
  width: 3px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col2 > ._group2 > ._fieldWithLine > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col2 > ._group3 {
  position: relative;
  padding-top: 115px;
}

.ProfitMap > ._col2 > ._group3 > ._line {
  position: absolute !important;
  background-color: rgb(210, 209, 205);
  left: 50%;
  margin-left: -2px;
  top: -5px;
  height: 110px;
  width: 3px;
}

.ProfitMap > ._col2 > ._group3 > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -5px;
  bottom: -9px;
}

.ProfitMap > ._col2 > ._group3 > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col2 > ._group3 > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col2 > ._group3 > ._line > ._icon {
    bottom: -6px;
  }
}

.ProfitMap > ._col3 {
  padding-top: 60px;
  width: 200px;
}

.ProfitMap > ._col3 > ._group2 {
  padding-top: 20px;
}

.ProfitMap > ._col3 > ._group3 {
  padding-top: 30px;
}

.ProfitMap > ._col3 > ._group4 {
  padding-top: 26px;
  position: relative;
}

.ProfitMap > ._col3 > ._group4 > ._line {
  position: absolute !important;
  background-color: rgb(210, 209, 205);
  left: -168px;
  bottom: 30px;
  height: 3px;
  width: 162px;
}

.ProfitMap > ._col3 > ._group4 > ._line > ._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute !important;
  right: -9px;
  top: -5px;
  left: -9px;
}

.ProfitMap > ._col3 > ._group4 > ._line > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
}

.ProfitMap > ._col3 > ._group4 > ._line > ._icon * {
  fill: rgb(210, 209, 205);
}

@media print {
  .ProfitMap > ._col3 > ._group4 > ._line > ._icon {
    top: -9px;
  }
}
.ReportMapBox {
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 6px 8px;
  text-align: center;

  position: relative;
  z-index: 1;
  page-break-inside: avoid;
}
.ReportMapBox > ._label {
  font-size: 12px;
  font-weight: 700;
  padding-top: 4px;
}
.ReportMapBox > ._value {
  font-size: 18px;
  font-weight: 300;
}
.ReportMapBox > ._value > ._unit {
  font-size: 12px;
  display: inline-block;
  padding-left: 2px;
  font-weight: 400;
}
.ReportMapBox.border {
  border: 1px solid rgba(183, 218, 245, 0.4);
}
.ReportMapBox.blue {
  background-color: rgba(183, 218, 245, 0.2);
}
.ReportMapBox.dark_blue {
  background-color: rgba(0, 103, 184, 0.2);
}
.ReportMapBox.yellow {
  background-color: rgba(230, 176, 18, 0.4);
}
.ReportMapBox.orange {
  background-color: rgba(246, 168, 61, 0.4);
}
.ReportMapBox.green {
  background-color: rgba(128, 207, 83, 0.4);
}
.ReportMapBox.grey {
  background-color: rgba(180, 178, 172, 0.4);
}
.ReportHeaderTemplate {
  height: 39px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #daecf9;
  width: 100%;
  overflow: hidden;
}

.ReportHeaderTemplate.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}

.Legend__Header {
  position: relative;
  color: rgb(0, 103, 184);
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
}

.Legend__Header > ._ratio > ._title {
  font-weight: 400;
}

.Legend__Header > ._btn {
  font-weight: 400;
  background: none;
  border: none;
  position: absolute !important;
  padding: 0;
  top: 9px;
  right: 0;
  text-decoration: underline;
}

@media print {

  .Legend__Header > ._btn {
    display: none;
  }
}

.Legend__content > ._container {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.Legend__units {
  display: flex;
  padding: 5px 10px;
  margin: 2px;
  background-color: white;
}

.Legend__unit {
  margin: 0 5px;
  font-size: 13px;
  display: flex;
  padding: 5px 8px;
  border-radius: 4px;
}

.Legend__unit span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  margin: auto;
  font-size: 12px;
  padding-top: 2px;
}

.Legend__label {
  font-size: 13px;
  margin: auto 0;
  margin-right: 10px;
  width: 150px;
  text-align: left;
}
.SelectableReportHeader {
  position: relative;
}
.SelectableReportHeader ._col {
  display: flex;
  justify-content: flex-end;
}
.SelectableReportHeader ._col > ._icon {
  opacity: 0.5;
  margin-top: 4px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
}
.SelectableReportHeader ._col > ._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
}
.SelectableReportHeader ._col > ._icon * {
  fill: rgb(0, 103, 184);
}
.SelectableReportHeader .SelectInput {
  position: static;
}
.SelectableReportHeader .SelectInput__dropdown {
  position: static;
}
.SelectableReportHeader .SelectInput__dropdown .SelectInput__field {
  position: absolute !important;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.SelectableReportHeader .SelectInput__dropdown:after {
  width: 0;
}
.SelectableReportHeader .SelectInput__dropdown > ._icon {
  display: none;
}
.SingleReport__header {
  position: absolute !important;
  height: 0;
  z-index: 1;
  left: 0;
  right: 0;
}

.SingleReport__MapHeader {
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: rgba(183, 218, 245, 0.5);
  width: 100%;
  height: 35px;
}

.SingleReport__headerContent {
  position: absolute !important;
  background: white;
  padding-top: 20px;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  border-bottom: 2px solid white;
}

.SingleReport__tableHeadings {
  background: white;
  height: 34px;
}

.SingleReport__tables {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;
}

.SingleReport__tables ._container {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 40px;
}

.DFMPSingleReport__tableWrapper {
  padding-top: 65px;
  padding-bottom: 40px;
}

.SingleReportTable {
  position: relative;
}

.SingleReportTable__row {
  display: flex;
  justify-content: space-between;
  padding: 5px 15px;
}

.SingleReportTable__row.is-inline {
  display: inline-flex;
}

.SingleReportTable__row.is-dfmp-row-heading {
  background: #e8e8e8;
  min-width: 1000px;
}

.SingleReportTable__row.is-h1 {
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 2px;
}

.SingleReportTable__row.is-h2 {
  font-weight: bold;
}

.SingleReportTable__row.is-h3 {
  background: white;
}

.SingleReportTable__row.is-h4 {
  position: relative;
}

.SingleReportTable__row.is-h4 > .SingleReportTable__label {
  padding-left: 15px;
}

.SingleReportTable__row.is-h5 {}

.SingleReportTable__row.is-h6 {}

.SingleReportTable__row.is-heading {
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: rgba(183, 218, 245, 0.5);
  width: 100%;
}

.SingleReportTable__row.is-summary {
  position: absolute !important;
  z-index: 30;
  right: 0;
  top: 0;
  display: block;
  width: 400px;
  background: rgb(212, 233, 249);
  border: 2px solid white;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  font-weight: 400;
}

.SingleReportTable__row.is-summary .SingleReportTable__label {
  padding-bottom: 5px;
}

@media print {

  .__condenseRows__ .SingleReportTable__row {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.SingleReportTable__label {
  min-width: 270px;
  max-width: 270px;
  display: flex;
}

.SingleReportTable__label > ._label {
  font-size: 13px;
  margin-right: 5px;
  padding: 2px;
}

.SingleReportTable__label > ._unit {
  font-size: 13px;
  font-weight: normal;
  margin-top: 2px;
  color: #b4b2ac;
}

.SingleReportTable__label > ._hierachy {
  position: absolute !important;
  font-size: 12px;
  margin-left: -20px;
  opacity: 0;
}

.SingleReportTable__label.is-physical-label {
  width: 320px;
}

.SingleReportTable__data {
  flex: 1;
  display: flex;
}

.SingleReportTable__data ._col {
  width: 100px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SingleReportTable__data.is-calculated-data {}

.SingleReportTable__data.is-summary ._col {
  width: 70px;
  font-weight: 700;
}

.SingleReportTable__data.is-summary ._col:first-child {
  flex: 2;
  text-align: left;
}

.SingleReportTable__data.is-physical-data ._col {
  min-width: 125px;
  font-size: 12px;
  padding: 2px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SingleHeaderTemplate {
  position: sticky;
  z-index: 50;
  top: 65px;
  left: 0;
  height: 39px;
  border: none;
  padding: 0;
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #daecf9;
  overflow: hidden;
}

.SingleHeaderTemplate > .Legend__Header {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 930px;
  color: rgb(0, 103, 184);
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
}

.SingleHeaderTemplate > .Legend__Header > ._ratio > ._title {
  font-weight: 400;
}

.SingleHeaderTemplate > .Legend__Header > ._btn {
  font-weight: 400;
  background: none;
  border: none;
  position: absolute !important;
  padding: 0;
  top: 9px;
  right: 0;
  text-decoration: underline;
}

@media print {

  .SingleHeaderTemplate > .Legend__Header > ._btn {
    display: none;
  }
}

.SingleHeaderTemplate.menu-open {
  height: auto;
  display: inline-flex;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}

.SingleHeaderTemplate.isPrinting {
  display: block;
  position: relative;
  top: 0;
}

@media print {

  .SingleHeaderTemplate.isPrinting {
    padding-top: 0;
  }
}

.Legend__content > ._container {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.Legend__units {
  display: flex;
  padding: 5px 10px;
  margin: 2px;
  background-color: white;
}

.Legend__unit {
  margin: 0 5px;
  font-size: 13px;
  display: flex;
  padding: 5px 8px;
  border-radius: 4px;
}

.Legend__unit span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  margin: auto;
  font-size: 12px;
  padding-top: 2px;
}

.Legend__label {
  font-size: 13px;
  margin: auto 0;
  margin-right: 10px;
  width: 150px;
  text-align: left;
}
.DFMPBulkReportHeaderTemplate {
  position: sticky;
  z-index: 50;
  top: 65px;
  left: 0;
  height: 39px;
  border: none;
  padding: 0;
  padding-top: 39px;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #daecf9;
  overflow: hidden;
}

.DFMPBulkReportHeaderTemplate > .Legend__Header {
  position: absolute;
  top: 0;
  left: 0;
  width: 930px;
  color: rgb(0, 103, 184);
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
}

.DFMPBulkReportHeaderTemplate > .Legend__Header > ._ratio > ._title {
  font-weight: 400;
}

.DFMPBulkReportHeaderTemplate > .Legend__Header > ._btn {
  font-weight: 400;
  background: none;
  border: none;
  position: absolute;
  padding: 0;
  top: 9px;
  right: 0;
  text-decoration: underline;
}

@media print {

  .DFMPBulkReportHeaderTemplate > .Legend__Header > ._btn {
    display: none;
  }
}

.DFMPBulkReportHeaderTemplate.menu-open {
  height: auto;
  display: inline-flex;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}

.DFMPBulkReportHeaderTemplate.isPrinting {
  display: block;
  position: relative;
  top: 0;
}

@media print {

  .DFMPBulkReportHeaderTemplate.isPrinting {
    padding-top: 0;
  }
}

@media print {

  .DFMPBulkReportHeaderTemplate.isSplit {
    page-break-before: always;
    margin-top: 20px;
  }
}

.Legend__content > ._container {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.Legend__units {
  display: flex;
  padding: 5px 10px;
  margin: 2px;
  background-color: white;
}

.Legend__unit {
  margin: 0 5px;
  font-size: 13px;
  display: flex;
  padding: 5px 8px;
  border-radius: 4px;
}

.Legend__unit span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  margin: auto;
  font-size: 12px;
  padding-top: 2px;
}

.Legend__label {
  font-size: 13px;
  margin: auto 0;
  margin-right: 10px;
  width: 150px;
  text-align: left;
}
.ComparisonReport__tableHeader {
  cursor: pointer;
  height: 80px;
  border: none;
  padding: 0;
  border-top: 1px solid rgb(183, 218, 245);
  border-bottom: 1px solid rgb(183, 218, 245);
  color: rgb(0, 103, 184);
  font-weight: bold;
  background: #DAECF9;
  width: 100%;
  overflow: hidden;
}
.ComparisonReport__tableHeader.menu-open {
  height: auto;
  box-shadow: 0 2px 2px 0 rgba(183, 218, 245, 0.25);
}
.GraphPage {
  padding-top: 140px;

  position: relative;
  z-index: 1;
}
@media print {
  .GraphPage {
    padding-top: 0;
  }
}
.GraphPage {
  padding-top: 140px;
  position: relative;
  z-index: 1;
}
@media print {
  .GraphPage {
    padding-top: 0;
  }
}
.root___CarbonReport__1sq2Q {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}

.heading___CarbonReport__2a_xq {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
}

.top___CarbonReport__3SeFM {
  display: flex;
  padding-bottom: 30px;
}

.outputs___CarbonReport__1yXqm {
  padding-top: 20px;
}

.chart_container___CarbonReport__2f_03 {
  padding-top: 30px;
  padding-left: 20px;
}

.errorBar___CarbonReport__3rNXs {
  padding-bottom: 10px;

  display: flex;
  justify-content: flex-end;
}

.region___CarbonReport__50rBF{
  padding-top: 5px;
  padding-left: 150px;
  font-size: 14px;
  font-weight: #8B949C;
}

.headerRow___CarbonReport__34855{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width:  600px;
}

.input___CarbonReport__17JxM {
  transform: translateY(15px);
}

.inputGuide___CarbonReport__1reA0 {
  font-size: 12px;
  font-weight: #8B949C;
}.root__DefaultComponent__1h8qx {
  padding-bottom: 20px;
  max-width: 210px;
}

.title__DefaultComponent__2Zq-j {
  display: flex;
  justify-content: space-between;
  align-items: center;

  position: relative;
  z-index: 1;
}

.label__DefaultComponent__2BLDq {
  padding-bottom: 2px;
  font-size: 12px;
}

.root__xch-NumberField__lhStN.error__xch-NumberField__2wRH- {
    border-color: #F6A83D;
    color: #F6A83D;
}

.root__OutputField__2_Tck {
  display: flex;
  padding-bottom: 10px;
}

.label__OutputField__guMDR {
  padding-bottom: 2px;
  font-size: 12px;
  width: 150px;
  font-weight: 700;
}

.output__OutputField__2mWnF {
  flex: 1;

  font-size: 13px;
  font-weight: 500;
}
.unit__UnitText__1TV5y {
}

.sub__UnitText__26AFf {
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline;
}.root__GHGOutput__2njXc {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  padding-left: 50px;
  width:  300px;
}


.unit__GHGOutput__1Knfe {
  width: 160px;
  font-weight: 400;
  opacity: 0.8;
  font-size: 12px;
}

.input__GHGOutput__1wiDy {
  border: 1px solid #060606;
  background: #FBDECD;
  padding: 5px 15px 5px 20px;
  width: 65px;
}

.number__GHGOutput__3YYxp {
  color: #215AB2;
  font-weight: 700;
}

.icon__xch-Icon__12rSo {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
}
.icon__xch-Icon__12rSo svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}
.root__xch-Portal__3oOYy {

}

.content__xch-Portal__2nKcV {

}

.GenericCloseBtn__GenericCloseBtn__146AV {
  display: block;
  position: absolute !important;
  right: 10px;
  top: 10px;
  z-index: 1;
  padding: 6px 8px;
  padding-bottom: 7px;
  background: none;
  border-radius: 3px;
  border: 1px solid rgba(180, 178, 172, 0);
}
.GenericCloseBtn__GenericCloseBtn__146AV > ._content__GenericCloseBtn__DBThK {
  display: flex;
  justify-content: flex-end;
}
.GenericCloseBtn__GenericCloseBtn__146AV > ._content__GenericCloseBtn__DBThK > ._icon__GenericCloseBtn__2WKFW {
  position: relative;
  z-index: 1;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: 6px;
  margin-right: 4px;
}
.GenericCloseBtn__GenericCloseBtn__146AV > ._content__GenericCloseBtn__DBThK > ._icon__GenericCloseBtn__2WKFW svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
}
.GenericCloseBtn__GenericCloseBtn__146AV > ._content__GenericCloseBtn__DBThK > ._icon__GenericCloseBtn__2WKFW * {
  fill: rgba(180, 178, 172, 0.3);
}
.GenericCloseBtn__GenericCloseBtn__146AV > ._content__GenericCloseBtn__DBThK > ._text__GenericCloseBtn__2UPzw {
  display: block;
  color: #b4b2ac;
  font-weight: 700;
  font-size: 13px;
}
.GenericCloseBtn__GenericCloseBtn__146AV:hover {
  border: 1px solid rgba(180, 178, 172, 0.1);
}
.GenericCloseBtn__GenericCloseBtn__146AV:active {
  border: 1px solid rgba(180, 178, 172, 0.2);
}
.GenericCloseBtn__GenericCloseBtn__146AV:active > ._content__GenericCloseBtn__DBThK > ._icon__GenericCloseBtn__2WKFW * {
  fill: rgba(180, 178, 172, 0.4);
}
.GenericCloseBtn__GenericCloseBtn__146AV:active > ._content__GenericCloseBtn__DBThK > ._text__GenericCloseBtn__2UPzw {
  color: rgba(0, 0, 0, 0.4);
}
.portal__Modal__lYU_o {
  position: absolute;
  z-index: 9000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  z-index: 1;
  overflow: auto;
  background: rgba(55, 56, 58, 0.5);
}

.portal__content__Modal__118ez {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.modal__Modal__1Z0BB {
  position: relative;
  width: 480px;
  margin-left: 20px;
  margin-right: 20px;
}
.root__xch-MdOutput__33Oh3 pre {
    font-size: 14px;
    padding-bottom: 20px;
}
.root__xch-MdOutput__33Oh3 h2 {
    font-size: 18px;
    padding-bottom: 20px;
}
.root__xch-MdOutput__33Oh3 p {
    font-size: 14px;
    padding-bottom: 14px;
}
.root__xch-MdOutput__33Oh3 a:hover {
    text-decoration: underline;
}
.root__xch-MdOutput__33Oh3 ul, .root__xch-MdOutput__33Oh3 ol {
    margin-left: 15px;
    font-size: 14px;
    padding-bottom: 10px;
}
.root__xch-MdOutput__33Oh3 ul li, .root__xch-MdOutput__33Oh3 ol li {
    padding-bottom: 8px;
}
.root__xch-MdOutput__33Oh3 ol li {
    padding-bottom: 10px;
}
.root__xch-MdOutput__33Oh3 table {
    line-height: 1.2;
}
.root__xch-MdOutput__33Oh3 table thead {
    border-bottom: 1px solid #F8F7F7;
}
.root__xch-MdOutput__33Oh3 table thead th {
    padding-bottom: 10px;
}
.root__xch-MdOutput__33Oh3 table td, .root__xch-MdOutput__33Oh3 table th {
    font-size: 13px;
    padding: 2px;
}
.root__xch-MdOutput__33Oh3 table td:first-child, .root__xch-MdOutput__33Oh3 table th:first-child {
    text-align: left;
    min-width: 100px;
}
.root__xch-MdOutput__33Oh3 table tbody tr:first-child td {
    padding-top: 10px;
}
.root__xch-MdOutput__33Oh3 table tbody tr td {
    padding-bottom: 10px;
}
.helpBtn__HelpPortal__23e9M {
  border: none;
  background: transparent;
  outline: none;
  padding: 0;

  position: relative;
  z-index: 1;
}

.helpBtn__HelpPortal__23e9M:hover .helpBox__HelpPortal__3Jvqz {
  display: block;
}

.helpBtn__HelpPortal__23e9M:hover .icon__HelpPortal__1PHsw path {
  fill: #525263;
}

.icon__HelpPortal__1PHsw {
  position: relative;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
}

.icon__HelpPortal__1PHsw svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.icon__HelpPortal__1PHsw path {
  fill: rgb(169, 169, 177);
}

.modal__HelpPortal__qW70v {
  width: 600px;

  background: white;
  border: 1px solid #8B949C;
  border-radius: 5px;

  padding: 20px;
  padding-top: 50px;
}

.text__HelpPortal__2W9PD {
  font-size: 13px;
  text-align: left;
}

.text__HelpPortal__2W9PD a {
  text-decoration: underline;
  color: rgb(0, 103, 184);
}.root__Info__2VeXc {
  width: 300px;
}

.info__Info__2boSF {
  padding-bottom: 30px;
}

.calculation__Info__3gazz {
}


.label__Info__36yp_ {
  display: flex;
  align-items: center;
  margin-bottom: 15 px;
  font-size: 12px;
  width: 300px;
  font-weight: 700;
}.root__Chart__iWJu8 {
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;

  position: relative;
}

.areas__Chart__3Etzb {
  height: 350px;

  display: flex;
  flex-direction: column;
}

.line__Chart__2mONR {
  position: absolute !important;
  z-index: 2;
  left: -10px;

  width: 140px;
  border: 2px dashed #060606;
}

.segment__Chart__1jNmM {
  position: relative;
  z-index: 2;
}

.segment__Chart__1jNmM:hover .box__Chart__3Kd7P {
  display: block;
}

.box__Chart__3Kd7P {
  display: none;
  position: absolute !important;
  top: 0;

  z-index: 2;
}

.titleWrapper__Chart__JLHDJ {
  position: relative;

  z-index: 1;
}

.title__Chart__17y4Z {
  font-weight: 700;
  text-align: center;
  padding-top: 20px;
  font-size: 14px;
}

.attachment__Chart__bS5b_ {
  position: absolute !important;
  top: 21px;
  left: 101%;
}

.unit__Chart__2Qc-f {
  color: #8B949C;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
}

.num__Chart__1I4mH {
  font-weight: 700;
  text-align: center;
  font-size: 14px;
}
.root__Legend__2j6WP {
  padding-left: 60px;
}

.item__Legend__lPZoc {
  display: flex;
  align-items: center;
  padding-bottom: 5px;

}

.block__Legend__21qaV {
  width: 20px;
  height: 10px;
  margin-right: 10px;
}

.title__Legend__dI3I6 {
  font-size: 12px;

}

.title__Legend__dI3I6:hover .box__Legend__1yVTr {
  display: block;
}

.thisFarm__Legend__3WngE {
  width: 20px;
  margin-right: 10px;

  border: 2px dashed #B10004;
}

.baseline__Legend__a7vCD {
  width: 20px;
  margin-right: 10px;

  border: 2px dashed #0A5AB2;
}

.box__Legend__1yVTr {
  display: none;
  position: absolute;
  top: 0;

  z-index: 2;
}.root__Axis__2djCU {
  position: relative;
  height: 100%;
}

.area__Axis__2ZKl7 {
  position: relative;
  width: 30px;
  height: 100%;
}

.line__Axis__7nAWG {
  position: absolute;
  width: 400px;
  border-top: 2px solid #CDCDD5;
  color: #8B949C;
  font-size: 12px;
  padding-top: 5px;
  margin-left: 35px;
  font-weight: 700;
}

.tag__Axis__1QcC6 {
  font-size: 12px;
  font-weight: 700;
  color: #060606;
  position: absolute;
  right: 0;

  transform: translateY(-50%);
}
.root__Charts__2hDcK {
  position: relative;
  display: flex;
  padding-left: 30px;
  margin-right: 20px;

  height: 430px;
}

.axis__Charts__3qcKM {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 350px;
}

.chart__Charts__29yQO {
  position: relative;
  padding-left: 60px;
}
.root__Field__1mc1M {

}
.root__Table__4WX7F {
  width: 1000px;
}

.row__Table__tMtzA {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border-bottom: 1px solid rgba(104, 149, 183, 0.4);
}

.row__Table__tMtzA.total__Table__7F6zp {
  background: rgba(104, 149, 183, 0.4);
}

.labels__Table__1UitB {
  font-size: 14px;
  flex: 1;
  display: flex;
}

.category__Table__2de2T {
  width: 150px;
  font-weight: 700;
}

.total__Table__7F6zp .title__Table__1C5-n {
  flex: 1;
  font-weight: 700;
}


.cols__Table__NxloV {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.headerCol__Table__3qrGt {
  width: 75px;
  font-size: 12px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  align-items: flex-end; 
}

.headerCol__Table__3qrGt.multiLine__Table__3GeyZ {
  flex-direction: column;
  align-items: center;
}

.unit__Table__yH_mP {
  font-size: 11px;
}

.field__Table__A-254 {
  width: 75px;
  font-size: 14px;
  text-align: right;
  padding-right: 25px;
}

.total__Table__7F6zp .field__Table__A-254 {
  font-weight: 700;
}
.root__Actions__1Joph {
  width: 600px;
  margin-bottom: 30px;
  
}

.heading__Actions__3pYnX {
  padding-top: 20px;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
}

.info__Actions__3hk7M {
  width: 450px;
}

.textArea__Actions__6WJo6{
  padding-left: 5px;
  font-size: 12px;
}

.label__Actions__2shYc{
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 5px;
}

.listLabel__Actions__2JC64{
  font-size: 12px;
  font-weight: 700;
  padding-top: 15px;
}

.list__Actions__2g0Wt{
  padding-top: 5px;
  padding-left: 20px;
  font-size: 12px;
}

.listItem__Actions__2sbfz{
  padding-bottom: 5px;
}

#js__media-check {
  -webkit-transition: width .001s;
  -moz-transition: width .001s;
  -ms-transition: width .001s;
  -o-transition: width .001s;
  transition: width .001s;

  width: 10px;
}

@media(min-width: 48em) {

  #js__media-check {
    width: 20px;
  }
}

@media(min-width: 64em) {

  #js__media-check {
    width: 30px;
  }
}

#js__media-check:after {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  position: fixed;
  content: "mobile";
}

@media(min-width: 48em) {

  #js__media-check:after {
    content: "portrait";
  }
}

@media(min-width: 64em) {

  #js__media-check:after {
    content: "landscape";
  }
}

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
.fade_loop {
  animation: pulsate 1.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 1.0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

html {
  height: 100%;
  width: 100%;

  font-size: 16px;
  line-height: 1.5;

  font-family: sans-serif;
  font-weight: 400;
  font-style: normal;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;

  color: #37383A;
  background-color: #FFFFFF;
}

body {
  height: 100%;
  width: 100%;
}

img {
  border: none;
  font-style: italic;
  max-width: 100%;
}

ul {
  padding-left: 18px;
}

ol {
  padding-left: 20px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
figure,
hr {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
}

pre {
  overflow: auto;
}

audio:focus, video:focus, summary:focus {
  box-shadow: none;
}

a {
  text-decoration: none;
  color: rgb(0, 103, 184);
}

::-webkit-input-placeholder {
  color: rgb(165, 196, 221);
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgb(165, 196, 221);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgb(165, 196, 221);
}

:-ms-input-placeholder {
  color: rgb(165, 196, 221);
}
.App {
  color: #37383A;
  position: relative;
  height: 100%;
  overflow: hidden;
  min-width: 1024px;
  z-index: 1;
}

.App__sidebar {
  width: 180px;
  position: absolute;
  top: 140px;
  left: 40px;
  z-index: 300;
}

.App__main {
  position: absolute;
  top: 0;
  left: 247px;
  z-index: 100;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-left: 30px;
  padding-bottom: 40px;
  margin-top: 30px;
  background-color: white;
}

.App__main > ._content {
  width: 720px;
}

.Physical .App__main {
  border-color: rgb(0, 103, 184);
}

.Financial .App__main {
  border-color: rgb(0, 103, 184);
}

// the fixed top banner

.App__Banner {
  min-width: 1024px;
  position: absolute;
  z-index: 9000;
  height: 30px;
  top: 0;
  left: 0;
  right: 0;

  padding-top: 3px;

  background-color: rgb(0, 103, 184);
}

@media print {
  .App {
    height: auto;
  }

  .App__Banner {
    display: none;
  }

  .App__main {
    margin: 0;
  }
}
.TabContent {
  padding-top: 55px;
}

.TabContent__subheading {
  display: block;
  float: left;
  font-size: 18px;
  color: #888;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 5px;
  width: 100%;
}

.TabContent__group {
  display: block;
  zoom: 1;
  margin-bottom: 20px;
  border-radius: 10px;
}

.TabContent__group:before, .TabContent__group:after {
  content: "";
  display: table;
}

.TabContent__group:after {
  clear: both;
}

.TabContent__group .TableWrap {
  margin-bottom: 20px;
}

.TabContent__group >._row {
  clear: left;
  overflow: hidden;
}

.TabContent__group >._row--total {
  clear: left;
  overflow: hidden;
}

.TabContent__group--total {
  display: block;
  zoom: 1;
  margin-bottom: 20px;
  border-radius: 10px;

}

.TabContent__group--total:before, .TabContent__group--total:after {
  content: "";
  display: table;
}

.TabContent__group--total:after {
  clear: both;
}

.TabContent__group--total .TableWrap {
  margin-bottom: 20px;
}

.TabContent__group--total >._row {
  clear: left;
  overflow: hidden;
}

.TabContent__group--total >._row--total {
  clear: left;
  overflow: hidden;
}

.TabContent__group--total .TabContent__outputs {
  float: right;
}

.TabContent__group--total .NumberOutput {
  background: #FCFAEC;
}

.TabContent__group--total .NumberOutput__label {
  color: #b2b098;
}

.TabContent__group--total .NumberOutput__value {
  color: #908d7d;
}

.TabContent__inputs {
  float: left;
  clear: left;
  width: 50%;
}

.TabContent__inputs .NumberInput {
  margin-bottom: 20px;
}

.TabContent__outputs {
  float: left;
  width: 50%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 20px;
  padding-right: 0;
}

.Financial__subheading {
  display: block;
  font-size: 18px;
  color: #b89d7a;
  border-bottom: 1px solid rgba(230, 176, 18, 0.4);
  padding-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-weight: 700;
}

.Financial__subheading:first-child {
  padding-top: 0;
}

.Financial__table {
  padding-bottom: 20px;
  width: 600px;
}

.Financial__table table {
  width: 100%;
}

.Financial__table ._total td {
  padding-bottom: 10px;
}

.Financial__table ._total ._title {
  display: block;
  font-size: 13px;
  padding-bottom: 5px;
  color: #b89d7a;
}

.Financial__table ._total .NumberOutput {
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 2px;
  opacity: 0.7;
  padding: 4px 10px;
  font-size: 21px;
  line-height: 1.0;
  background-color: rgba(230, 176, 18, 0.4);
  color: #b89d7a;
}

.Financial__table .TableRow tr, .Financial__table .TableRow td {
  padding-top: 10px;
  padding-bottom: 20px;
}

.Financial__table thead {
  background-color: rgba(230, 176, 18, 0.4);
}

.Financial__table thead th {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 400;
  color: #b89d7a;
}

.Financial__table ._input {
  width: 100px;
}

.Financial__table th, .Financial__table td {
  width: 110px;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}

.Financial__table th .NumberOutput, .Financial__table td .NumberOutput {
  font-size: 18px;
  line-height: 1.0;
  color: #b89d7a;
}

.Financial__table th .NumberInput, .Financial__table td .NumberInput {
  color: #b89d7a;
  border-color: rgb(221, 197, 172);
}

.Financial__table th:first-child, .Financial__table td:first-child {
  text-align: left;
  width: 300px;
}
.physical__subtitle {
  zoom: 1;
  padding-top: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #F8F7F7;
  margin-bottom: 20px;
}


.physical__subtitle:before, .physical__subtitle:after {
  content: "";
  display: table;
}


.physical__subtitle:after {
  clear: both;
}


.physical__subtitle >._btn {
  float: right;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 3px;
  padding-top: 3px;
  opacity: 0.4;
}


.physical__subtitle >._title {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}


.physical__subtitle >._title >._description {
  opacity: 0.5;
  font-weight: 400;
}


.physical__input {
  display: block;
  margin-bottom: 20px;
}


.physical__input >._description {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.3;
  opacity: 0.5;
  margin-right: 55px;
}


.physical__input >._title {
  display: block;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: 300;
}


.physical__input .NumberInput, .physical__input .InputNumber {
  width: 120px;
  font-size: 16px;
  border-color: rgb(183, 218, 245);
  color: rgb(0, 103, 184);
}


.physical__input .NumberInput:focus, .physical__input .InputNumber:focus {
  border-color: rgb(0, 103, 184);
  color: rgb(0, 103, 184);
}


.physical__input .RadioInput {
  width: 100px;
}


.physical__input .RadioInput >._field >._option {
  padding: 9px;
  padding-bottom: 10px;
}


.physical__output {

  display: block;
  margin-bottom: 20px;
}


.physical__output .NumberOutput {
  display: block;
  line-height: 1.0;
  opacity: 0.9;
}


.physical__output >._description {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  border-top: 1px solid #F8F7F7;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.3;
  opacity: 0.5;
  margin-right: 55px;
}


.physical__output ._title {
  display: block;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 300;
}


.physical__output >._paddedOutput {
  padding-top: 7px;
  padding-bottom: 7px;
}


.physical__output.is-alternate .NumberOutput {
  color: rgb(38, 126, 195);
}


.physical__output.is-alternate ._title {
  color: rgb(51, 133, 198);
}
.Overlay {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(65, 66, 68, 0.5);
  -webkit-overflow-scrolling: touch;
}

.Overlay >._content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.Overlay >._content >._modalBox {
  cursor: default;
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.Overlay >._content >._modalBox >._closeBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  background: none;
  border: none;
}

.Overlay >._content >._modalBox >._closeBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.Overlay >._content >._modalBox >._closeBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Overlay >._content >._modalBox >._closeBtn >._icon * {
  fill: #b4b2ac;
}

.Overlay--help {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 2;
  background-color: rgba(65, 66, 68, 0.5);
  -webkit-overflow-scrolling: touch;
    background-color: rgba(255, 255, 255, 0.9);
}

.Overlay--help >._content {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Overlay--help >._content >.HelpModal {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  cursor: pointer;
  background-color: rgba(0, 103, 184, 0.5);
}

.Overlay--help >._content >.HelpModal >._modalBox {
  cursor: default;
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.Overlay--help >._content >.HelpModal >._modalBox >._closeBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  background: none;
  border: none;
}

.Overlay--help >._content >.HelpModal >._modalBox >._closeBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
}

.Overlay--help >._content >.HelpModal >._modalBox >._closeBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
}

.Overlay--help >._content >.HelpModal >._modalBox >._closeBtn >._icon * {
  fill: #b4b2ac;
}

.ActionBox {
  position: relative;
  width: 480px;
  margin-left: 20px;
  margin-right: 20px;
}

.ActionBox__contentBox {
  padding: 20px;
  background-color: white;
  border-radius: 10px;
}

.ActionBox__contentBox >._mainAction {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.ActionBox__contentBox >._mainAction >._btn {
  background: white;
  color: rgb(0, 68, 132);
  border-radius: 4px;
  padding: 10px 12px;
  padding-top: 11px;
  border: 2px solid rgb(0, 68, 132);
}

.ActionBox__contentBox >._mainAction >._btn >._content {
  display: flex;
  justify-content: center;
}

.ActionBox__contentBox >._mainAction >._btn >._content >._label {
  font-size: 16px;
  font-weight: bold;
}

.ActionBox__contentBox >._mainAction >._btn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-left: 10px;
}

.ActionBox__contentBox >._mainAction >._btn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.ActionBox__contentBox >._mainAction >._btn >._content >._icon * {
  fill: rgba(0, 68, 132, 0.8);
}

.ActionBox__subActions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
}

.SubActionBtn {
  background: none;
  border: none;
  display: block;
  width: 110px;

}

.SubActionBtn >._circle {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}

.SubActionBtn >._circle >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 26px;
  height: 26px;
}

.SubActionBtn >._circle >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 26px;
}

.SubActionBtn >._circle >._icon * {
  fill: rgba(65, 66, 68, 0.5);
}

.SubActionBtn >._label {
  display: block;
  padding-top: 8px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: white;
}

.SubActionBtn.budget >._circle {
  border: 2px solid #407EC9;
}

.SubActionBtn.budget >._circle >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 33px;
  height: 33px;
  margin-left: 2px;
}

.SubActionBtn.budget >._circle >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 33px;
  height: 33px;
}

.SubActionBtn.budget >._circle >._icon * {
  fill: #407EC9;
}

.SubActionBtn.carbon >._circle {
  border: 2px solid #F6A83D;
}

.SubActionBtn.carbon >._circle >._icon * {
  fill: #F6A83D;
}

.SubActionBtn:hover >._circle {
  background-color: rgb(255, 255, 255);
}



.generic__submitBtn {
  margin: auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  background: white;
  color: rgb(0, 68, 132);
  border-radius: 4px;
  padding: 10px 12px;
  padding-top: 11px;
  border: 2px solid rgb(0, 68, 132);
  font-size: 16px;
  font-weight: bold;
}

.generic__addBtn {
  margin-bottom: 20px;
  background: white;
  color: rgb(0, 103, 184);
  border-radius: 4px;
  padding: 10px 12px;
  padding-top: 11px;
  border: 2px solid rgb(0, 103, 184);
}

.generic__addBtn >._content {
  display: flex;
  justify-content: center;
}

.generic__addBtn >._content >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.generic__addBtn >._content >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.generic__addBtn >._content >._icon * {
  fill: rgba(0, 103, 184, 0.8);
}

.generic__addBtn >._content >._text {
  font-size: 16px;
  font-weight: bold;
}



.generic__editBtn {
  background: none;
  border: none;
}



.generic__editBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
}



.generic__editBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}



.generic__editBtn >._icon * {
  fill: #80cf53;
}

.generic__deleteBtn {
  background: none;
  border: none;
}

.generic__deleteBtn >._icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
}

.generic__deleteBtn >._icon svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.generic__deleteBtn >._icon * {
  fill: rgba(212, 71, 15, 0.4);
}
.__physicalOutput {
  font-weight: 300;
  padding: 7px;
  padding-left: 10px;
  border-radius: 2px;
  background-color: rgba(183, 218, 245, 0.2);
}
@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_3_0.eot');
  src: url('/Content/fonts/3806A2_3_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_3_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_3_0.woff') format('woff'),
    url('/Content/fonts/3806A2_3_0.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_0_0.eot');
  src: url('/Content/fonts/3806A2_0_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_0_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_0_0.woff') format('woff'),
    url('/Content/fonts/3806A2_0_0.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_9_0.eot');
  src: url('/Content/fonts/3806A2_9_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_9_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_9_0.woff') format('woff'),
    url('/Content/fonts/3806A2_9_0.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_8_0.eot');
  src: url('/Content/fonts/3806A2_8_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_8_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_8_0.woff') format('woff'),
    url('/Content/fonts/3806A2_8_0.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_4_0.eot');
  src: url('/Content/fonts/3806A2_4_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_4_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_4_0.woff') format('woff'),
    url('/Content/fonts/3806A2_4_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_5_0.eot');
  src: url('/Content/fonts/3806A2_5_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_5_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_5_0.woff') format('woff'),
    url('/Content/fonts/3806A2_5_0.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_7_0.eot');
  src: url('/Content/fonts/3806A2_7_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_7_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_7_0.woff') format('woff'),
    url('/Content/fonts/3806A2_7_0.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_6_0.eot');
  src: url('/Content/fonts/3806A2_6_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_6_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_6_0.woff') format('woff'),
    url('/Content/fonts/3806A2_6_0.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_2_0.eot');
  src: url('/Content/fonts/3806A2_2_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_2_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_2_0.woff') format('woff'),
    url('/Content/fonts/3806A2_2_0.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_1_0.eot');
  src: url('/Content/fonts/3806A2_1_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_1_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_1_0.woff') format('woff'),
    url('/Content/fonts/3806A2_1_0.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_B_0.eot');
  src: url('/Content/fonts/3806A2_B_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_B_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_B_0.woff') format('woff'),
    url('/Content/fonts/3806A2_B_0.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/Content/fonts/3806A2_A_0.eot');
  src: url('/Content/fonts/3806A2_A_0.eot?#iefix') format('embedded-opentype'),
    url('/Content/fonts/3806A2_A_0.woff2') format('woff2'),
    url('/Content/fonts/3806A2_A_0.woff') format('woff'),
    url('/Content/fonts/3806A2_A_0.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
#react-root {
  height: 100%;
  width: 100%;
}

::selection {
  background: rgba(184, 221, 225, 0.5); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(184, 221, 225, 0.5); /* Gecko Browsers */
}

input[type='text']:disabled {
  color: #dfd9dd;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

select::-ms-expand {
  display: none;
}

button:focus, a:focus, input:focus {
  outline: none;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type='search'] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}