body {
  font-family: 'Montserrat', sans-serif;
  background-color: #f7f8ff !important;
  color: #1e1c49 !important;
}

.document-page-wrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.document-page-wrapper:before {
  z-index: 1;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 220px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff);
}

.wizard {
  margin-bottom: 24px;
  padding: 24px;
  line-height: 1.5;
}

.wizard .not-checked:not(:hover) {
  color: grey;
  text-decoration: line-through;
}

.wizard .not-checked li {
  list-style-type: none !important;
}

.wizard .current-item {
  position: relative;
}

.wizard .current-item:after {
  position: absolute;
  content: '';
  border: 1px solid red;
  left: -25px;
  height: 100%;
  top: 0;
}

.wizard ol.wizard-list {
  margin: 0;
  padding-left: 18px;
}

.wizard ol.wizard-list li ol li {
  list-style-type: lower-alpha;
}

.wizard ol.wizard-list li ol li ol li {
  list-style-type: disc;
}

.wizard ol.depth-0.enable-auto-punctuation > li.last-depth > div:after {
  content: '.';
}

.wizard ol.depth-1.enable-auto-punctuation > li.last-depth > div:after {
  content: ',';
}

.wizard
  ol.depth-1.enable-auto-punctuation
  > li.last-depth:last-of-type
  > div:after {
  content: '.';
}

.wizard ol.depth-2.enable-auto-punctuation > li.last-depth > div:after {
  content: ',';
}

.wizard
  ol.depth-2.enable-auto-punctuation
  > li.last-depth:last-of-type
  > div:after {
  content: '.';
}

.wizard ol.depth-3.enable-auto-punctuation > li.last-depth > div:after {
  content: ',';
}

.wizard
  ol.depth-3.enable-auto-punctuation
  > li.last-depth:last-of-type
  > div:after {
  content: '.';
}

.wizard ol.depth-4.enable-auto-punctuation > li.last-depth > div:after {
  content: ',';
}

.wizard
  ol.depth-4.enable-auto-punctuation
  > li.last-depth:last-of-type
  > div:after {
  content: '.';
}

.wizard ol.depth-5.enable-auto-punctuation > li.last-depth > div:after {
  content: ',';
}

.wizard
  ol.depth-5.enable-auto-punctuation
  > li.last-depth:last-of-type
  > div:after {
  content: '.';
}

.wizard .not-checked div:after {
  content: '' !important;
}

.wizard h2.contract-header {
  counter-increment: contract-paragraph;
  position: relative;
  margin-top: 72px;
  margin-bottom: 30px;
}

.wizard h2.contract-header:before {
  content: '§ ' counter(contract-paragraph);
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: -32px;
}

.wizard table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

.wizard tr {
  vertical-align: top;
}

.wizard tr:first-child {
  background: #f5f5f5;
  font-weight: bold;
}

.wizard td {
  border: 1px solid black;
  border-collapse: collapse;
  min-width: 100px;
  padding: 8px;
}

.wizard ins {
  text-decoration: none;
  color: #00c853;
}

.wizard del {
  text-decoration: line-through;
  color: #f44336;
}

.wizard li .comment-button {
  padding-right: 18px;
}

/* Badge */
.MuiBadge-badge {
  background-color: #004fc4 !important;
}

h6 {
  color: #1e1c49 !important;
  font-weight: 700 !important;
}

.MuiSelect-select.MuiOutlinedInput-inputMarginDense {
  padding-top: 9.5px;
  padding-bottom: 9.5px;
}

/* Button secondary */
.MuiSelect-select,
.MuiButton-outlinedPrimary {
  background-color: white !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 0 1px 0 rgba(40, 41, 61, 0.04),
    0 2px 4px 0 rgba(96, 97, 112, 0.16) !important;
          box-shadow: 0 0 1px 0 rgba(40, 41, 61, 0.04),
    0 2px 4px 0 rgba(96, 97, 112, 0.16) !important;
  font-weight: 300 !important;
  color: #1e1c49 !important;
  text-transform: none !important;
}

.wizard .MuiSelect-select {
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
  border: initial !important;
}

/* Header on card */
.MuiCardHeader-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1e1c49 !important;
}

/* Checkbox color */
.Mui-checked {
  color: #685ef4 !important;
}

/* Selecter row on table */
.MuiTableRow-root.Mui-selected {
  background-color: #eae9f8 !important;
}

/* Avatar on table */
.MuiAvatar-colorDefault {
  background-color: #80a7e2 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.MuiChip-sizeSmall {
  background-color: #004fc4 !important;
}

.MuiOutlinedInput-root {
  background-color: white !important;
}
.MuiPopover-paper {
  min-width: 300px !important;
}

.MuiButton-contained {
  -webkit-box-shadow: 0 0 1px 0 rgba(40, 41, 61, 0.04),
    0 2px 4px 0 rgba(96, 97, 112, 0.16) !important;
          box-shadow: 0 0 1px 0 rgba(40, 41, 61, 0.04),
    0 2px 4px 0 rgba(96, 97, 112, 0.16) !important;
  text-decoration: none !important;
}

.button-white {
  background-color: #ffffff !important;
}

.MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
  background-color: #685ef4 !important;
}

.Mui-checked.Mui-disabled .MuiSwitch-thumb {
  color: #bdbdbd;
}

.MuiPickersBasePicker-container .MuiPickersToolbarText-toolbarTxt {
  color: #ffffff !important;
}

.MuiTableCell-root .MuiInputLabel-root {
  background-color: #ffffff !important;
}

.MuiTooltip-tooltip {
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.1px;
  background-color: #1e1c49 !important;
  color: #f7f8ff !important;
}