:root {
  --star-color: #ef5350 !important;
  --a-color: #0000ff !important;
  --button-color: #6c2eaf !important;
  --button-text-color: #fff !important;
  --input-select-bgcolor: #fff !important;
  --input-select-border-color: #e0e0e0 !important;
  --tip-color: #a9a9a9 !important;
  --br-radius: 10px !important;
  --table-head-text-color: #a1abb2 !important;
}

.blockRenderer-main {
  font-family: Raleway !important;
}
.blockRenderer-main .star {
  color: var(--star-color) !important;
}
.blockRenderer-main .color {
  color: var(--tip-color) !important;
}
.blockRenderer-main .disable {
  display: none !important;
}
.blockRenderer-main .closeBtn {
  background-color: transparent !important;
  box-shadow: none !important;
}
.blockRenderer-main .primaryBtn {
  color: var(--button-text-color) !important;
  background-color: var(--button-color) !important;
  text-transform: none !important;
  transition: 0.5s;
}
.blockRenderer-main .primaryBtn {
  background-color: #6c2eaf !important;
}
.blockRenderer-main .primaryBtn:hover {
  background-color: #5b2792 !important;
  transition: 0.5s;
}
.blockRenderer-main a {
  color: var(--a-color) !important;
  text-decoration: none !important;
}
.blockRenderer-main input {
  background-color: var(--input-select-bgcolor) !important;
  border-radius: var(--br-radius) !important;
}
.blockRenderer-main select {
  background-color: var(--input-select-bgcolor) !important;
  border-radius: var(--br-radius) !important;
}
.blockRenderer-main button {
  box-shadow: none !important;
  text-transform: none !important;
}
.blockRenderer-main fieldset {
  border: none !important;
}

.blockRenderer-main [class*="MuiInputBase-root"] {
  background-color: var(--input-select-bgcolor) !important;
  border-radius: var(--br-radius) !important;
  border: 1px solid var(--input-select-border-color) !important;
}
.blockRenderer-main .FileListControlEditor__dropzone-message {
  position: static !important;
  width: 100% !important;
  transform: none !important;
}
.blockRenderer-main .FileListControlEditor__dropzone {
  height: auto !important;
  min-height: 100px !important;
}

.blockRenderer-main .inputs-block {
  background-color: #fff !important;
  border-radius: 10px !important;
  padding: 30px 30px !important;
}

.blockRenderer-main .inputs-block-popup {
  padding: 0px 30px !important;
}

.blockRenderer-main .coll2 {
  gap: 20px !important;
}

@media screen and (max-width: 640px) {
  .blockRenderer-main .main-block {
    min-width: unset !important;
  }
  .blockRenderer-main .aside-block {
    max-width: none !important;
  }
}

/* .blockRenderer-main .h1 {
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
}

.blockRenderer-main .h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
}

.blockRenderer-main .h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}

.blockRenderer-main .body {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
} */

/* -----------------TABS------------------ */
.blockRenderer-main [class*="MuiTabs-root"] button {
  margin: 0 !important;
  font-size: 16px !important;
  font-family: Raleway;
  font-weight: 600 !important;
}
.blockRenderer-main [class*="MuiTabs-root"] button:focus {
  border: none !important;
}
.blockRenderer-main [class*="MuiTabs-root"] [class*="MuiTabs-flexContainer"] {
  margin-bottom: 20px !important;
  gap: 20px !important;
}
.blockRenderer-main [class*="MuiTabs-root"] [class*="MuiTabs-indicator"] {
  visibility: hidden !important;
}
.blockRenderer-main [class*="MuiTabs-root"] [aria-selected="true"] {
  color: var(--button-text-color) !important;
  background-color: var(--button-color) !important;
  border-radius: var(--br-radius) !important;
}
.blockRenderer-main [class*="MuiTabs-root"] [aria-selected="false"] {
  color: #000 !important;
  background-color: #ebebeb !important;
  border-radius: var(--br-radius) !important;
  border: 1px solid #ebebeb !important;
}
@media screen and (max-width: 485px) {
  .blockRenderer-main [class*="TabsWidget__container"] {
    margin: 0 !important;
  }
  .blockRenderer-main [class*="MuiTabs-root"] button {
    margin: 0 1px !important;
    letter-spacing: 0 !important;
    font-size: 15px !important;
    font-family: Raleway;
  }
}
/* -----------------TABS------------------ */

/* -----------------LIMITS------------------ */
.blockRenderer-main
  [class*="Obv__LimitsElement__container"]
  .FormRecordDisplay__label {
  font-size: 22px !important;
  color: #212121 !important;
  font-weight: 700 !important;
  font-family: Raleway !important;
}
.blockRenderer-main
  [class*="Obv__LimitsElement__container"]
  .FormRecordDisplay__label-row
  table {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.blockRenderer-main [class*="Obv__LimitsElement__container"] table tbody {
  top: -49.5px !important;
  position: relative !important;
}
.blockRenderer-main [class*="Obv__LimitsElement__container"] th {
  color: #424242 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Raleway" !important;
}
.blockRenderer-main
  [class*="Obv__LimitsElement__container"]
  tr:first-child
  td:first-child {
  color: #424242 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Raleway" !important;
}
.blockRenderer-main [class*="Obv__LimitsElement__container"] tr > td {
  padding-left: 0 !important;
}
@media screen and (max-width: 485px) {
  .blockRenderer-main [class*="Obv__LimitsElement__container"] th:nth-child(2) {
    display: none !important;
  }
  .blockRenderer-main [class*="Obv__LimitsElement__container"] td:nth-child(2) {
    display: none !important;
  }
}
/* -----------------LIMITS------------------ */

/* -----------------CONNTECTION TABLE------------------ */
.blockRenderer-main [class*="MuiButton-containedSizeSmall"] {
  box-shadow: none !important;
  background-color: var(--button-color) !important;
  margin: 0 !important;
  margin-left: 4px !important;
  border-radius: var(--br-radius) !important;
  padding: 12.5px 48px !important;
}
/* .blockRenderer-main
  [class*="Obv__FieldElement__container"]
  .FormRecordDisplay__label {
    font-size: 22px !important;
    color: #212121 !important;
    font-weight: 700 !important;
    font-family: Raleway !important;
  } */

.blockRenderer-main [class*="MuiButton-containedSizeSmall"] > span {
  color: var(--button-text-color) !important;
  font-weight: normal !important;
}
.blockRenderer-main [class*="MuiToolbar-root"] {
  padding: 0px !important;
}
.blockRenderer-main [class*="MuiTextField-root"] {
  padding-right: 0 !important;
}
.blockRenderer-main .usersContainer .TableFooterBar__toolbar-group > div {
  border: none !important;
  background-color: transparent !important;
}
.blockRenderer-main .usersContainer th > span {
  white-space: normal !important;
}
.blockRenderer-main .usersContainer th,
.blockRenderer-main .usersContainer td {
  white-space: normal !important;
  padding-right: 5px !important;
  padding-left: 0 !important;
}
.blockRenderer-main .usersContainer .TableHead tr {
  height: auto !important;
}

.blockRenderer-main .usersContainer > div:first-child {
  overflow-x: scroll !important;
}

.blockRenderer-main [class*="MuiTableCell-root"] {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 120% !important;
  font-family: "Raleway" !important;
}

.blockRenderer-main [class*="MuiTableCell-root"] span {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 120% !important;
}
/* -----------------SCROLL WIDTH<950PX------------------ */
@media screen and (max-width: 950px) {
  .blockRenderer-main #tableBody,
  .blockRenderer-main .TableHead {
    min-width: 950px !important;
  }

  .blockRenderer-main
    .TableHeaderBar__toolbar
    .TableHeaderBar__toolbar-group-right {
    justify-content: flex-start !important;
  }
  .blockRenderer-main [class*="MuiButton-containedSizeSmall"] {
    padding: 12.5px 28px !important;
  }
  .blockRenderer-main .limits [class*="CustomCss__"] {
    display: block !important;
  }

  .blockRenderer-main
    .limits
    [class*="Obv__FieldElement__FormRecordDisplay__"]
    div {
    overflow-y: hidden !important;
  }
  .blockRenderer-main
    .limits
    [class*="Obv__FieldElement__FormRecordDisplay__"]
    div
    [class*="MuiInputAdornment-positionStart"] {
    overflow-y: visible !important;
  }
}

/* -----------------SCROLL WIDTH<950PX------------------ */
/* -----------------CONNTECTION TABLE------------------ */