p {
  font-size: 14px;
  font-weight: 400;
}
.breadcrump-main {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 20px 0;
}
.detail-page-main {
  margin-top: 55px;
  margin-left: 105px;
}
.radio-top-sec {
  background-color: #ffffff;
}
.detail-top {
  background-color: #ffffff;
  padding: 0 29px;
}
.breadcrump-main .breadcrumb-data {
  display: flex;
}
.breadcrumb-data a {
  color: #00000080;
}
.breadcrumb-data li {
  font-size: 12px;
}
.breadcrumb-data li + li:before {
  padding: 8px;
  content: "/\00a0";
}
.breadcrumb-data li + li:nth-child(2)::before {
  color: #00000080;
}
.radio-main {
  display: flex;
  padding: 6px 0 28px;
  gap: 15px;
}
#auto_refresh_toggle_and_button{
  display: flex;
  align-items: center;
}
.radio-main input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.radio-main input {
  opacity: 0;
  position: absolute;
}
.radio-main input[type="radio"][name="radio-data"]:checked + label,
.radio-main .radion-btn label:hover{
  background-color: #296d98;
  color: #fff;
  border-color: #296d98;
}
.radio-main .innerBtn {
  padding: 7px 12px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #64748b;
  border-radius: 4px;
}
/* table css start */
.table-main-sec {
  padding: 20px 20px 20px 20px;
  min-height: calc(100vh - 300px);
}
.table-main-sec table {
  background: #ffffff;
  border-radius: 4px;
  width: 100%;
  padding: 29px;
  border-collapse: collapse;
}
.table-main-sec table th {
  text-align: left;
  min-width: 20px;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 4px
}
.name-th {
  padding-left: 15px !important;
  width: 30vw;
}
.table-data {
  display: flex;
  gap: 27px;
}
.table-data input {
  width: 22px;
  height: 20px;
}.table-main-sec table tr:first-child{
  border-bottom: 0px;
}
.table-main-sec table tr {
  border-bottom: 1px solid #e2e8f0;
}
.table-main-sec table tr:last-child {
  border-bottom: none;
}
.table-main-sec table .first-heading {
  display: flex;
  gap: 27px;
  align-items: center;
  padding-left: 29px;
}
.table-main-sec table td {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
}
.table-main-sec table .first-heading input {
  width: 22px;
  height: 20px;
  border-radius: 5px;
}
.tooltip-bg img {
  height: 100%;
  vertical-align: middle;
  padding-left: 6px;
  width: 23px;
}
.tooltip-bg {
  color: #000000;
}

.tooltip-container {
  position: relative;
}

.tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  display: none;
}

.tooltip-container:hover .tooltip {
  display: block;
}

.table-data h4 {
  font-weight: 400;
}
.table-data {
  padding-left: 15px !important;
}
.table-create {
  opacity: 1 !important;
}
.table-right-data {
  display: flex;
  align-items: center;
  width: 20vw;
  margin-right: 30px;
}
.table-right-data .table-test {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 15px;
}
.table-right-data .table-test svg {
  opacity: 0.78;
}

.table-right-data .table-test h3 {
  font-weight: 400;
  font-size: 14px;
}
.table-right-data .table-test p {
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}

.table-right-data h4 {
  position: relative;
  font-weight: 400;
  color: #000;
  font-size: 14px;
}
.action-first {
  display: flex;
  align-items: center;
  gap: 6px;
}
.action-first img {
  width: 16px;
}

#my-tooltip {
  background-color: #296d98;
}
.table-bottom-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 29px 40px;
  background-color: #ffffff;
}
.type-th {
  width: 15vw !important;
}

/* modellist css Start */
.model-list-main{
  padding: 20px 20px;
  background-color: white;
  display: inline-block;
  width: 100%;
}
.modellist-content{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.modallist-dropdown{
  display: flex;
  align-items: center;
  gap: 18px;
}
.modallist-dropdown .css-b62m3t-container{
  width: 170px;
}
.modellist-content .radio-main{
  padding: 0;
  padding: 9px 0px;
  gap: 0;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-right: 0px;
}
.modellist-content .radio-main .innerBtn{
  border-right: 1px solid #e2e8f0;
  padding: 11px 12px;
  border-radius: 0; 
}
.modellist-content .search-btn-metric,
.modellist-content .search-btn-models {
  position: relative;
  display: flex; 
  align-items: center;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  width: 250px;
  height: 40px;
}
.modellist-content .search-btn-metric input ,
.modellist-content .search-btn-models input {
  flex: 1; 
  padding: 9px;
  border: none; 
  background: transparent;
}
.modellist-content .search-btn-metric img,
.modellist-content .search-btn-models img{
  margin-right: 10px; /* Adjust the value as needed to create space between icon and input */
  cursor: pointer;
  position: relative;
  right: -7px;
}
.tag-main-sec{
  background-color: #fff;
  padding: 0px 0 10px;
}
button.add-btn {
  background-color: #296d98;
  color: #fff;
  border-color: #296d98;
  border: 0;
  font-family: 'Inter';
  font-size: 14px;
  padding: 1px 30px;
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
  position: absolute !important;
  display: flex;
  right:2%;
  align-items: center;
}
/* modellist css End */

/* tag css start */
.main_tags {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  padding: 20px 0px 10px 0px;
}
.box-main{
  justify-content: center;
  align-items: center;
  display: flex;
}
.main-box {
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  max-width: 170px;
  width: 100%;
  padding: 25px 0px 30px 0px;
  margin-left: 20px;
  margin-right: -15px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  justify-content: center;
  transition: all 0.3s;
}
.main-box:hover {
  background: #daf1ff;
}
.tag-contant{
  margin-top: 15px;
  text-align: center;
}
.tag-contant h4 {
  font-weight: 400;
  font-size: 22px;
  opacity: 0.65;
  color: #64748b;
}
.box-main img{
  width: 70px;
  height: 70px;
  opacity: 0.5;
}
.tag-none .css-b62m3t-container {
  display: none;
}
.tag-main-sec .main_tags ,
.tag-main-sec .main_tags .table-top-sec {
    width: 100%;
}
.back-btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #64748b;
  cursor: pointer;
  padding-left: 10px;
  padding-bottom: 20px;
}
.back-btn img {
  width: 19px;
}
.modallist-dropdown > div {
  min-width: 170px;
}
.main-folder .folder-box {
  display: flex;
  align-items: center;
}
.main-folder .folder-box p {
  padding-left: 8px;
}
button.back-button {
  background: none;
  border: 0;
  cursor: pointer;
  margin-right: 6px;
}
.back-button img {
  width: 25px;
}
.back-btn-wrapper {
  display: flex;
  align-items: center;
  padding: 21px 15px 15px 29px;
  border-bottom: 1px solid #e2e8f0;
}
.back-btn-wrapper p {
  padding-left: 10px;
}
button.back-button.disable{
  pointer-events: none;
  opacity: 0.2;
}
.breadcome{
  margin-top: -4px;
  padding-left: 4px;
  cursor: pointer;
  color: #007bff;
}
body .breadcome:last-child {
  cursor: auto;
  color: #64748b;
}
.main-folder .folder-box img {
  width: 25px;
}
body img.file-icon {
  width: 19px !important;
}
.file-box{
  padding-left: 0 !important;
}
body .file-box p {
  padding-left: 0 !important;
}
.detail-page-main .dimensions-header {
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.detail-page-main .dimensions-header .search-btn {
    position: relative;
}
.detail-page-main .dimensions-header .search-btn input{
  width: 250px;
}
.detail-page-main .dimensions-header .search-btn img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    cursor: pointer;
}
button.add-dimensions-btn {
  background-color: #296d98;
  color: #fff;
  border-color: #296d98;
  border: 0;
  font-family: 'Inter';
  font-size: 14px;
  padding: 1px 30px;
  border-radius: 4px;
  cursor: pointer;
}
.dimensions-table-wrapper {
  margin: 20px 20px 20px 20px;
  background: #fff;
  border-radius: 4px;
}
.dimensions-table .second-row .dropdown-set p {
  min-width: 240px;
  position: relative;
}
.dimensions-table .second-row .dropdown-set p,
.dimensions-table .third-row .dropdown-set p ,
.changes-data-tabale .dropdown-set p{
  color: #296d98;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dimensions-table .second-row .dropdown-set ul,
.dimensions-table .third-row .dropdown-set ul ,
.changes-data-tabale tbody .dropdown-set ul{
  display: none;
  margin-left: 6px;
  padding-bottom: 6px;
}
.dimensions-table .second-row .dropdown-set ul li,
.changes-data-tabale tbody .dropdown-set ul li {
  font-size: 12px;
  list-style-type: disc;
  padding: 3px 0px 3px 0px;
  margin-left: 20px;
}
.dimensions-table .second-row span.dimensions-delete-icon {
  border: 1px solid #ca483f;
  border-radius: 4px;
  top: 0px;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  right: 17px;
  transition: all 0.3s;
}
.dimensions-table .second-row span.dimensions-delete-icon:hover {
  background: #ca483f;
}
.dimensions-table .second-row span.dimensions-delete-icon:hover img {
  filter: brightness(0) invert(1);
}
.dimensions-table .second-row span.dimensions-delete-icon img{
  transition: all 0.3s;
}
.dimensions-table .third-row button {
  color: #296d98;
  border: 1px solid #296d98;
  font-family: 'Inter';
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  height: 25px;
  width: 40px;
  background: #fff;
  position: relative;
  top: 0px;
  right: 17px;
}
body .second-row p.open ~ ul,
body .third-row p.open ~ ul ,
.changes-data-tabale tbody .dropdown-set p.open ~ ul {
  display: block !important;
}
body .dropdown-set img{
  pointer-events: none;
  transition: all 0.3s;
}
body p.open img:not(#commit-image) {
  transform: rotate(90deg);
}
.dimensions-table .third-row ul li {
  font-size: 12px;
  list-style-type: disc;
  padding: 3px 0px 3px 0px;
  margin-left: 20px;
}
.dimensions-table .third-row .dropdown-set {
  max-width: 260px;
  min-width: 260px;
  position: relative;
  left: -6px;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .modal.confirm_action_modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
} */
.modal-wraper {
  width: 90%;
  margin: auto;
  background: #fff;
  display: block;
  padding: 15px;
  border-radius: 4px;
  position: relative;
  margin-top:39px;
  margin-bottom:39px;
  height: 90%;
  overflow: scroll;
}
.modal-wraper .close-btn {
  position: absolute;
  right: 20px;
  background: none;
  border: 0;
  top: 20px;
  cursor: pointer;
}
.modal-wraper p.dimension-title {
  padding-bottom: 15px;
}
.delete-modal {
  padding: 20px 30px;
}
.delete-modal .selecte-boxes {
  max-width: 50%;
  margin: auto auto 25px auto;
  display: flex;
  justify-content: space-around;
}
.delete-modal .selecte-boxes p {
  color: #296d98;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  min-width: 250px;
}
.delete-modal .selecte-boxes p.disable {
  color: #c3c1c1;
  cursor: not-allowed;
}
.metrics-delete .switch {
  display: inline-block;
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 16px;
  border-radius: 20px;
  background: #c7c7c7;
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}
.metrics-delete .switch::before {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  top: 50%; 
  left: 2px;
  width: 15px;
  height: 15px;
  background: #fafafa;
  border-radius: 50%;
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.metrics-delete .switch:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
.metrics-delete input:checked + .switch {
  background: #296d98;
}
.metrics-delete input:checked + .switch::before {
  left: 12px;
  background: #fff;
}
.metrics-delete input:checked + .switch:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}
.metrics-delete-boxes .metrics-delete {
  width: 32%;
  margin-bottom: 8px;
  display: inline-flex;
  padding-right: 15px;
}
.metrics-delete-boxes {
  margin-top: 13px;
}
.metrics-delete-boxes .metrics-delete .select-lable {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  margin-left: 7px;
}
.modal-wraper.delete-modal-main,
.confirm-action-modal {
  width: 350px;
  height: auto;
  overflow: hidden;
}
.re-run-modal{
  width: 40%;
  height: 25%;
  overflow: hidden;
}
.re-run-modal-logs{
  width: 50%;
}
.metrics-title{
  font-size: 12px;
}
button.delete-btn {
  border: 0;
  background: #296d98;
  color: #fff;
  width: 54%;
  padding: 12px 30px;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 30px;
  cursor: pointer;
  font-family: 'inter';
}
.delete-btn-wrapper{
  text-align: center;
}
.overlay {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0,0,0, 0.7);
}
.delete-btn-wrapper.disable button {
  background: #cfcfcf;
  cursor: not-allowed;
}
.dimensions-header-wrapper {
  display: flex;
  align-items: center;
}
.dimensions-header-wrapper h2 {
  margin-right: 20px;
}
.modal-wraper.search-data,
.view-log {
  width: 65%;
  padding: 50px 40px;
}
.modal-wraper.search-data .delete-modal {
  padding: 43px 0 0 0;
}
.page-title{
  font-size: 20px;
}
.dimensions-table .dimensions-heading-text {
  font-weight: 600;
}
.dimensions-table .second-row .dropdown-set ul ,
.changes-data-tabale tbody .dropdown-set ul{
  margin-top: 8px;
  max-width: 200px;
}
.dimensions-table .third-row .dropdown-set ul {
  margin-top: 5px;
}
.preview-data {
  display: flex;
  align-items: baseline;
  margin-right: -25px;
}
.preview-data-box {
  width: 100%;
  width: 750px;
  text-align: right;
  border-right: 1px solid #ccc; /* Add a vertical border to separate the two divs */
  padding-right: 10px;
}
.preview-data .preview-data-box .preview-query {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.preview-data .preview-data-box textarea {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
  border: 0px solid #e2e8f8;
  padding: 15px;
  max-width: 350px;
  width: 100%;
  font-style: normal;
  font-size: 13px;
  resize: none;
  min-height: 240px;
}
.preview-data .preview-data-box textarea:focus,
.querys-wrapper .query-box textarea:focus {
  outline: none;
}
.preview-data .preview-data-box button {
  padding: 7px 12px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 4px;
  border: 1px;
  background-color: #fff;
  color: #296d98;
  border-color: #296d98;
  border-style: solid;
  width: 100%;
  margin-top: 15px;
}
.querys-wrapper {
  display: flex;
  margin-top: 5px;
}
.querys-wrapper .query-box {
  position: relative;
  margin-right: 15px;
}
.querys-wrapper .query-box button.copy-btn {
  background: transparent;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #296d98;
}
.querys-wrapper .query-box textarea::-webkit-scrollbar,
.preview-data .querys-wrapper .codeflask::-webkit-scrollbar{
  width:0px;
}
.querys-wrapper-main {
  margin-left: 15px;
  width:100%;
  overflow: auto;
}
.querys-tbale thead th {
  padding: 5px;
  border: 1px solid #e2e8f0;
  font-size: 11px;
}
.querys-tbale tbody tr td {
  padding: 5px;
  border: 1px solid #e2e8f0;
  font-size: 11px;
  vertical-align: top;
}
.querys-tbale {
  margin-top: 10px;
  overflow: auto;
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -20px;
  font-size: 12px;
}
body .querys-tbale tbody tr:first-child {
  border-bottom: 1px solid #e2e8f0;
}
div#lineage-control {
  padding: 0px 20px 20px 20px;
  background: #fff;
  position: absolute;
  top: 54px;
  right: 0;
  width: 300px;
  height: calc(100vh - 54px);
}
.button-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.clear-btn {
  padding: 7px 11px;
}
.text-right {
  text-align: right;
}
.text-left {
  justify-self: start;
}

ul.type-select li {
  font-size: 14px;
  padding: 8px 0px;
  position: relative;
  display: flex;
}
ul.type-select li:before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50px;
  background: #000;
  display: block;
  margin-right: 10px;
}
ul.type-select li:nth-child(1):before {
  background: #819225;
}
ul.type-select li:nth-child(2):before {
  background: #595959;
}
ul.type-select li:nth-child(3):before {
  background: #296d98;
}
ul.type-select li:nth-child(4):before {
  background: #c3090d;
}
.lineage-control-sidebar {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  border-left: 1px solid #e2e8f0;
  padding-left: 15px;
  padding-top: 15px;
}
body .querys-tbale thead .number {
  width: 20px;
  max-width: 20px;
  padding: 0px;
}
.querys-tbale tbody tr .number-text {
  padding: 5px;
  text-align: center;
}
.table-right-data .table-test:nth-child(1) {
  padding-left: 0;
}
.changes-header {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
  align-items: center;
}
.changes-header div{
  display: flex;
  align-items: center;
}
button.reload-btn {
  padding: 7px 10px;
  display: flex;
  align-items: center;
}
button.reload-btn img {
  margin-right: 11px;
  width: 15px;
}
button.reload-btn span {
  width: 31px;
}
.changes-data-tabale table th:nth-child(1){
  padding-left: 29px !important;
  padding-right: 20px !important;
  width: 25%
}
.changes-data-tabale table tbody td:nth-child(1){
  padding-left: 29px !important;
}
.synchs-data-table table {
  width: 100%
}
.synchs-data-table table th:nth-child(1){
  padding-left: 29px !important;
  padding-right: 20px !important;
  width: 25%
}
.synchs-data-table table th:nth-child(5){
  width: 20% !important
}
.synchs-data-table table th:nth-child(2){
  width: 15%
}
.synchs-data-table table th:nth-child(3){
  width: 15%
}
.synchs-data-table table th:nth-child(4) {
  width: 15%
}
.synchs-data-table table tbody td:nth-child(1){
  padding-left: 29px !important;
  word-break: break-all;
  padding-right: 17px;
}
body .changes-data-tabale td {
  opacity: 1;
  vertical-align: sub;
  padding: 2px 0 12px 0;
}
.changes-data-tabale tbody .dropdown-set ul li .orange {
  color: orange;
  background: none;
}
.changes-data-tabale tbody .dropdown-set ul li .green {
  color: green;
  background: none;
}
.changes-data-tabale tbody .dropdown-set ul li .red {
  color: red;
  background: none;
}
.tags span.tag {
  padding: 6px 9px;
  border-radius: 4px;
}
.green {
  color: green;
  background: #dcffdc;
}
.red {
  color: red;
  background: #ffdcdc;
}
.grey {
  color: grey;
  background: #f3f3f3;
}
.blue {
  color: blue;
  background: #d9d9ff;
}
.changes-data-tabale tbody .deployment-steps li {
  display: flex;
  align-items: center;
  margin-left: 0 !important;
}
.changes-data-tabale tbody .deployment-steps span.tag {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  margin-right: 5px;
}
.bg-green{
  background: green;
}
.bg-grey{
  background: grey;
}
.bg-blue{
  background: blue;
}
.bg-red{
  background: red;
}
.changes-data-tabale .dropdown-set p {
  padding-top: 0;
}
body .changes-data-tabale td .dropdown-set {
  position: relative;
  bottom: -6px;
  left: -7px;
}
body .changes-data-tabale th.deployment-steps {
  width: 16%;
}
.duration-time ,
.type-hover span{
  position: absolute;
  top: 22px;
  background: #ddd;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  opacity: 0;
}
.timer-fix ,
.type-hover{
  position: relative;
}
.duration-time:before {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #dddddd;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.hover-timer {
  display: inline-block;
  cursor: pointer;
}
.hover-timer:hover ~ .duration-time,
.type-hover p:hover ~ span {
  opacity: 1;
}
.capitalize{
  text-transform: capitalize;
}
body .changes-data-tabale table tbody tr:first-child,
body .dimensions-table tbody tr:first-child,
body .synchs-data-table table tbody tr:first-child{
  border-bottom: 1px solid #e2e8f0;
}
.general-table {
  padding: 20px 0px 20px 0px;
  display: block;
  background: #fff;
  border-radius: 4px;
}
.general-table th{
 font-size: 16px;
 font-weight: 500;
 padding-bottom: 4px;
}
img.small-logo {
  position: relative;
  bottom: -6px;
  opacity: 0.7;
}
.savio-logo {
  width: 14px;
  margin-right: 11px;
}
.github-logo {
  width: 20px;
  margin-right: 5px;
}
.cursor-pointer{
  cursor: pointer;
}

.filters-field-container {
  display: flex;
}

.field-container {
  margin-right: 10px;
}

.dimensions-table table td {
  opacity: 1;
  vertical-align:top;
}
.dimensions-table table td .second-row,
.dimensions-table table td .third-row{
  display: flex;
}
.possible-metrics {
  padding-top: 3px;
}
p.possible-metrics {
  padding-top: 3px;
}
.dimensions-table table tr td .first-row p {
  padding-top: 3px;
  word-break: break-all;
}
.dimensions-table thead tr .dimensions-table-title:nth-child(2),
.dimensions-table thead tr .dimensions-table-title:nth-child(3)  {
  padding-left: 6px;
}
.dimensions-table {
  padding: 0;
}
.dimensions-table thead tr .dimensions-table-title:nth-child(1){
    padding-left: 29px !important;
}
._canvas_670zp_1 {
  border-top-width: 0px !important;
  top: 50px !important;
  border-right-width: 0px !important;
  right: 280px !important;
  border-left-width: 0px !important;
  left: 105px !important;
}
._canvas_670zp_2 {
  border-top-width: 0px !important;
  top: 170px !important;
  border-right-width: 0px !important;
  right: 280px !important;
  border-left-width: 0px !important;
  left: 105px !important;
}

.pink {
  color: #e12e4d;
  background: pink;
}
.white {
  color: white;
  background: #cccccc;
}
.yellow {
  color: #8b8b0b;
  background: #ffff87;
}
.orange {
  color: #db910b;
  background: #fff0d5;
}
.light-blue {
  color: #dcdcff;
  background: #7070e5;
}
.black {
  color: #000;
  background: #a9a5a5;
}
.purple {
  color: purple;
  background: #e5bce5;
}
.synchs-data-table tbody tr td:nth-child(2) {
  word-break: break-all;
  padding-right: 25px;
}
.synchs-data-table .actions {
  display: flex;
}
.synchs-data-table .actions p {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.synchs-data-table .actions p span {
  font-weight: 400;
  padding-left: 5px;
}
.synchs-data-table .actions p.view-logs {
  padding-left: 15px;
}
.synchs-data-table .actions p.re-run img {
  width: 15px;
}
body .synchs-data-table table td{
  opacity: 1;
}
.redio-btn[type="radio"]:checked,
.redio-btn[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.redio-btn[type="radio"]:checked + label,
.redio-btn[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.redio-btn[type="radio"]:checked + label:before,
.redio-btn[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.redio-btn[type="radio"]:checked + label:after,
.redio-btn[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #296d98;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.redio-btn[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.redio-btn[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.View-logs-wrapper .view-log-radio {
  margin-bottom: 17px;
}
button.re-run {
  padding: 5px 20px 8px 20px;
}
.synchs-btn {
  display: flex;
  align-items: center;
}
.synchs-btn div {
  display: flex;
  align-items: center;
}
.synchs-btn button.re-run-all-task {
  border: 1px solid #296d98;
  background: #fff;
  color: #296d98;
  border-radius: 4px;
  padding: 6px 14px;
  cursor: pointer;
  margin-right: 15px;
  display: flex;
}
.synchs-btn button.re-run-all-task img {
  width: 15px;
  margin-right: 10px;
}
.word-break {
  word-break: break-all;
}
.synchs-data-table table thead tr th:nth-child(1) {
  width: 400px;
}
.synchs-data-table table thead tr th:nth-child(6) {
  width: 220px;
}
.synchs-data-table table thead tr th:nth-child(5) {
  width: 160px;
}
.synchs-data-table table thead tr th:nth-child(3) {
  width: 250px;
  padding-left: 5%;
}
.synchs-data-table table tbody td:nth-child(3) {
  padding-left: 5%;
}
.synchs-btn button.re-run-all-task:hover img{
  filter: brightness(0) invert(1);
}
body button.close-btn:hover{
  background-color: #fff !important;
}
div#codeArea {
  width: 100%;
  position: relative;
}
div#codeArea .codeflask {
  position: unset;
  height: auto;
}
div#codeArea .codeflask pre.language-js {
  position: unset;
  height: auto;
}
div#codeArea .codeflask textarea {
  opacity: 0;
}
body button.copy-btn:hover{
  background: transparent !important;
  color: #296d98 !important; 
}
.preview-data .querys-wrapper .codeflask {
  position: unset;
  height: 235px;
  padding-left: 20px;
  width: 350px;
  overflow: auto;
  tab-size: 3;
  -moz-tab-size: 3;
}
.preview-data .querys-wrapper .preview-query-box-title {
  font-size: 12px;
  margin-bottom: 10px;
  max-width: 350px;
  height: 30px;
  display: inline-flex;
  align-items: flex-end
  
}
.preview-data .querys-wrapper .codeflask .language-js {
  position: unset;
  min-height: 180px;
  font-size: 10px;
  overflow: auto;
  width: calc(100% - 0px);
  white-space: break-spaces;
  word-break: break-all;
}
.preview-data .querys-wrapper .codeflask .codeflask__lines,
div#queryTextArea .codeflask .codeflask__lines{
  width: 23px;
  text-align: center;
}
.preview-data .querys-wrapper .codeflask:before,
div#queryTextArea .codeflask:before {
  width: 20px;
}
.preview-data .querys-wrapper .codeflask textarea {
  display: none;
}
div#queryTextArea{
  position: relative;
  min-height: 200px;
}
div#queryTextArea .codeflask textarea {
  width: calc(100% - 20px);
  left: 20px;
  padding: 10px;
  white-space: pre-wrap;
}
div#queryTextArea .codeflask{
  padding-left: 20px;
  tab-size: 3;
  -moz-tab-size: 3;
}
div#queryTextArea .codeflask pre.language-js{
  left: 20px;
  white-space: pre-wrap;
  width: calc(100% - 20px);
  word-break: break-word;
  padding-right: 27px;
}
.table-test:hover svg path,
.table-test:hover h4,
.action-hover p:hover svg,
.action-hover p:hover svg path,
.metrics-action-table .metric-action-elements:hover h4
 {
  fill: #296d98;
  color: #296d98;
}
.table-right-data .table-test:hover svg.data path,
.model-action .action-seconds:hover svg path {
  fill: none !important;
  stroke: #296d98 !important;
}
.action-hover p:hover span{
  color: #296d98;
}
.radio-main .radion-btn label,
.action-hover p:hover svg,
.action-hover p:hover svg path,
.action-hover p:hover span{
  transition: all 0.3s;
}
.justify-between{
  justify-content: space-between;
}

/* metrics CSS start */

.metric-edit .metric-edit-button button.saivo-btn {
  font-size: 14px;
  padding: 1px 30px;
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
  margin-left: 15px;
}
.metric-edit .metric-edit-form {
    background: #fff;
    padding: 20px 30px;
    border-radius: 4px;
    display: flex;
}
.metric-edit .metric-edit-form .metric-edite-form-left {
  width: 70%;
  padding-right: 50px;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box ,
.export-metric-to-google-sheet .field-box{
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box input,
.metric-edit .metric-edit-form .metric-edite-form-left .field-box select,
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select .Filters-boxes select,
.add-filter-field-wrapper .filters-field-container .field-container select,
.add-filter-field-wrapper .filters-field-container .field-container input[type="text"],
.export-metric-to-google-sheet .field-box input{
  font-family: "Inter", sans-serif;
  border: 1px solid #e2e8f0;
  padding: 10px 28px 10px 15px;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  appearance: none;
  color: rgb(0 0 0);
  opacity: 0.8;
  background-color: #fff;
  height: 38px;
  line-height: 1;
}
.MetricDetailInfoExpression{
  font-family: "Inter", sans-serif;
  border: 1px solid #e2e8f0;
  padding: 10px 28px 10px 15px;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  appearance: none;
  color: rgb(0 0 0);
  opacity: 0.8;
  background-color: #fff;
  height: auto;
  line-height: 1;
}
.MetricDetailInfoExpression a {
  color: #296d98;
}
.MetricDetailInfoExpression a:hover,
.usage-on-bi a:hover {
  text-decoration: underline;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box input {
  font-size: 14px;
} 
.metric-edit .metric-edit-form .metric-edite-form-left .field-box select{
  font-size: 14px;
} 
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select .Filters-boxes select:focus,
.add-filter-field-wrapper .filters-field-container .field-container select:focus,
.add-filter-field-wrapper .filters-field-container .field-container input[type="text"]:focus{
  outline: none;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box label {
  min-width: 190px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: rgb(100, 116, 139);
}
.metric-edit .metric-edit-form .metric-edit-form-right {
  width: 30%;
  display: flex;
  /* height: calc(100% - 1px); */
  flex-direction: column;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select {
  margin-bottom: 20px;
}
.metric-edit .metric-edit-form .metric-edit-form-right .preview-box {
  display: block;
  margin-bottom: 3%;
  width: 100%;
  padding: 10px 15px 10px 15px;
  border: 1px solid #e2e8f0;
  text-align: center;
}
.metric-edit .metric-edit-form .metric-edit-form-right .preview-box textarea,
.metric-edit .metric-edit-form .metric-edit-form-right .dimension-box textarea {
  height: 100%;
  display: block;
  resize: none;
}
.metric-edit .metric-edit-form .metric-edit-form-right .dimension-box {
  font-family: "Inter", sans-serif;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  width: 100%;
  padding: 10px 15px 10px 15px;
  overflow: hidden;
  flex-grow: 1;
}
.metric-edit .metric-edit-form .metric-edite-form-left .text-boxes {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 25px;
}
.metric-edit .metric-edit-form .metric-edit-form-right .preview-box table tbody tr:first-child {
  border-bottom: 1px solid #e2e8f0;
}
.metric-edit .metric-edit-form .metric-edite-form-left .text-boxes p {
  padding-bottom: 15px;
}
.metric-edit .metric-edit-form .metric-edit-form-right .dimension-box ul {
  max-height: 721px;
  overflow: auto;
  line-height: 1.6;
}
.metric-edit .metric-edit-form .metric-edit-form-right .dimension-box ul li {
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
  color: rgb(0 0 0);
  opacity: 0.8;
}
.metric-edit .metric-edit-form .metric-edit-form-right .dimension-box ul::-webkit-scrollbar,
.dimension-box.dimensions-edite-box .dimensions-boxes-checkbox::-webkit-scrollbar{
  width:5px;
}
.metric-edit .metric-edit-form .metric-edit-form-right .dimension-box ul::-webkit-scrollbar-thumb,
.dimension-box.dimensions-edite-box .dimensions-boxes-checkbox::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px; 
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select p{
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: rgb(100, 116, 139);
}
.metric-edit .metric-edit-form .metric-edit-form-right p {
  width: 100%;
  font-size: 14px;
  color: rgb(0 0 0);
  opacity: 0.8;
  font-weight: 700;
  margin-bottom: 10px;
}
.metric-edit .metric-edit-form .metric-edit-form-right .preview-box th,
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select th {
  padding: 5px 0 12px 0;
}
.metric-edit .metric-edit-form .metric-edit-form-right .preview-box table {
  max-height: 290px;
  overflow: auto;
}
.metric-edit form fieldset,
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select tr {
  border: 0;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select td {
  padding: 4px 0;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box-select td div {
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 8px 8px;
  margin: 0px 4px;
}
.relative{
  position: relative;
}
.select-box{
  width: 100%;
}
.select-box svg{
  position: absolute;
  top: 50%;
  right:5px;
  transform: translateY(-50%);
  fill: #e2e8f0;
}
.model-select-box  label[for="blank"] {
  min-width: 190px;
  display: block;
}
.model-select-box {
  display: flex;
}
.checkbox-edit-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.checkbox-edit label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.checkbox-edit input[type="checkbox"] {
  padding: 0;
  height: 14px;
  width: 14px;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-edit label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #e2e8f0;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
}
.checkbox-edit input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 3px;
  height: 9px;
  border: solid #296d98;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.saivo-btn-wrapper {
  display: flex;
}
.metric-edit .metric-edit-form .metric-edite-form-left .field-box label[for="Custom"] {
  max-width: 190px;
}
.add-filter-field-wrapper .add-filter-field {
  width: 100%;
  text-align: right;
}
.add-filter-field-wrapper .add-filter-field button.saivo-btn,
.add-tag button.saivo-btn,
.metric-edit-form-right button.saivo-btn,
.dimensions-boxes .saivo-btn,
.Metric-add-btn{
  font-size: 14px;
  padding: 1px 30px;
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
  margin-left: 15px;
}
.add-filter-field-wrapper .filters-field-container {
  width: calc(100% - 142px);
  display: grid;
  grid-template-columns: 40% 20% 40% 142px;
  margin-bottom: 20px;
}
.isMulti > div {
  width: 100%;
}
.add-tag {
  display: flex;
  width: 100%;
}
.add-tag button.saivo-btn{
  min-width: 138px;
}
.folder-box {
  width: calc(100% - 361px) !important;
  display: grid;
  grid-template-columns: 50% 50% 142px;
  gap: 15px;
}
.metric-edit-form-right button.saivo-btn,
.dimensions-boxes .saivo-btn:nth-child(1){
  margin-left: 0 !important;
}
body .dimensions-boxes .saivo-btn:nth-child(2){
  margin-left: 15px !important;
}
.dimensions-boxes-checkbox {
  display: flex;
  flex-flow: wrap;
  margin-top: 20px;
}
.dimensions-boxes-checkbox .checkbox-edit {
  width: 100%;
  margin-bottom: 12px;
}
.dimensions-boxes-checkbox .checkbox-edit label {
  display: flex !important;
  align-items: flex-start;
  word-break: break-all;
  padding-right: 40px;
}
.field-box.isMulti input#react-select-3-input {
  width: 0;
}
.folder-box button.saivo-btn {
  min-width: 95px;
}
.dimension-box.dimensions-edite-box .dimensions-boxes-checkbox {
  max-height: 375px;
  overflow: auto;
  line-height: 1.6;
}
.preview-title{
  display: flex;
  justify-content: space-between;
}
.preview-title button.saivo-btn {
  margin-bottom: 10px;
}
.toggle-switch input {
	display : none;
}
.toggle-switch .switch-label {
	position: relative;
	cursor: pointer;
	display :block !important;
  min-width: 50px !important;
	width: 50px !important;
	height: 30px !important;
	background: #cccccc;
	border-radius: 50px;
	transition: 300ms linear;
  margin-right: 10px;
}
.toggle-switch .switch-label:before {
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	content: "";
	display: block !important;
	width: 25px !important;
  min-width: 25px !important;
	height: 25px !important;
	background: #ffffff;
	border-radius: 50%;
	transition: left 300ms linear;
  margin-right: 10px;
}
.toggle-switch input:checked + label {
	background: #000000;
  display: flex;
  align-items: center;
  cursor:pointer;
}
.toggle-switch input:checked + .switch-label:before {
	left: 23px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
select#metricTimeBasedColumn[disabled] {
  opacity: 0.2;
}
.dimensions-boxes {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dimension-btn {
  margin-bottom: 15px;
}
.saivo-btn-wrapper {
  background: #296d98;
  padding: 5px;
  border-radius: 4px;
  position: relative;
  margin-left: 10px;
}
.saivo-btn-wrapper button.slider-button.saivo-btn {
  padding: 5px;
  position: relative;
  background: transparent;
}
.saivo-btn-wrapper:before {
  content: "";
  position: absolute;
  width: 38px;
  height: 27px;
  background: #fff;
  border-radius: 4px;
  top: 5px;
  left: 56px;
  transition: all 0.5s;
}
.saivo-btn-wrapper button.slider-button.saivo-btn.active {
  color: #296d98;
}
.saivo-btn-wrapper.active:before {
  left: 5px;
  width: 51px;
}
.mad-bottom{
  margin-bottom: 47px;
}
.dimension-box-new .dimensions-boxes-checkbox {
  margin-top: 0;
}
.Save-Metric[disabled] {
  background: #629cc1;
  cursor: no-drop;
}
body .Save-Metric[disabled]:hover{
  background: #629cc1 !important;
}
.dimensions-full {
  height: 97%;
}
.metric-edit .metric-edit-form .metric-edit-form-right 
.dimensions-full .dimension-box {
  height: 90% !important;
}
.field-box.metric-time-series label{
  width: 100%;
}
.field-box.metric-time-series .toggle-switch {
  min-width: 60px;
}
.metric-edit .metric-edit-form .metric-edit-form-right .dimensions-full .dimension-box .dimensions-boxes-checkbox{
  max-height: 721px;
}
.isMulti .css-10nd86i > div:nth-child(3) {
  height: 165px;
  overflow: scroll;
}
.tag-main-sec ul li {
  margin: 0;
  padding: 0 0.8em;
  line-height: 2em;
  color: #555;
  font-weight: 700;
  position: relative;
  padding-right: 0;
}
.tag-main-sec ul li span {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    height: 37.5px;
}
.tag-main-sec ul li span img {
    margin-right: 8px;
}
.tag-main-sec ul {
    margin-left: 0.4em;
    position: relative;
}
.tag-main-sec ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid;
    color: #a1a1a1;
}
.tag-main-sec ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    position: absolute;
    top: 1.4em;
    left: 0;
    color: #a1a1a1;
}
.tag-main-sec ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0;
}
.tag-main-sec > ul:before,
.tag-main-sec > ul > li::before,
.tag-main-sec ul.TreeView::before,
 ul.TreeView > li::before {
    display: none;
}
.treehead {
  display: flex;
  padding: 15px;
}
.treehead p{
  font-size: 16px;
  font-weight: 600;
}
.treehead p.name,
.tag-main-sec ul li span {
  flex-grow: 1;
}
.treehead p.action ,
.action{
  width: 20%;
}
.tree-display {
  display: flex;
}
.TreeView-main {
  padding-right: 15px;
}
.tree-display .action .table-right-data .table-test ,
li.TreeNode .tree-display .info-Tags,
li.TreeNode .tree-display .info-type {
  opacity: 0.65;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
}
.tag-main-sec .saivo-btn-wrapper {
  width: 120px;
  margin-left: 15px;
  margin-right: 22px;
  cursor: pointer;
}
.tag-main-sec .saivo-btn-wrapper.active::before {
  width: 48px;
  left: 7px;
}
body .folder-switch-View .saivo-btn-wrapper::before {
  width: 46px;
  left: 60px;
}
.folder-switch-View {
  padding-top: 22px;
}
.treehead p.Tags,
li.TreeNode .tree-display .info-Tags {
  width: 142px;
}
.treehead p.Type,
li.TreeNode .tree-display .info-type {
  width: 300px;
}
.folder-switch-View .saivo-btn-wrapper button {
  padding: 5px 9px !important;
}
.switch-View-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.switch-View-wrapper p {
  font-size: 16px;
}
.saivo-btn-wrapper button.slider-button.saivo-btn.active:hover {
  color: #296d98 !important;
}
.saivo-btn-wrapper button.slider-button.saivo-btn:hover {
  background: transparent !important;
}
/* metrics CSS end */
.re-run-modal-logs pre {
  white-space: break-spaces;
}
.modal.re-run-modal-main {
  display: block;
}
.modal.re-run-modal-main .delete-modal {
  padding-left: 0;
}
.toggle-switch input:checked + label {
  background: #296d98;
}
.toggle-switch label.switch-label {
  min-width: 40px !important;
  width: 40px !important;
  height: 23px !important;
}
.toggle-switch label.switch-label::before {
  width: 17px !important;
  min-width: 17px !important;
  height: 17px !important;
}
.toggle-switch input:checked + .switch-label:before {
  left: 19px;
}
.saivo-btn-secondary {
    color: #296d98;
    background-color: white;
    border: 1px solid #296d98;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    min-width: 142px;
    height: 38px;
}
.saivo-btn-delete {
    color: #ca483f;
    background-color: white;
    border: 1px solid #ca483f;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    text-decoration: none;
    min-width: 142px;
    height: 38px;
}
.saivo-btn-delete:hover {
  background-color: #ca483f !important; /* Change background color on hover */
  color: white !important; /* Change text color on hover */
}
.dimension-btn button.saivo-btn-secondary:nth-child(2) {
  margin-left: 15px;
}
.error-message {
  background-color: #f8d7da;
  font-size: 14px;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
body .sqlMultiValue svg {
  position: inherit;
  transform: none;
  fill: #000;
}
body .filters-field-container .field-container .sqlMultiValue input,
.metric-edit .metric-edit-form .metric-edite-form-left .isMulti input {
  height: auto !important;
}
button.reload-btn{
  margin-left: 15px;
}
.search-btn-metric input[type="text"]::placeholder,
.search-btn-models input[type="text"]::placeholder{
  font-size: 14px;
  color: #64748b;
  font-weight: 400;
  font-family: 'Inter';
}

.general-checkbox {
  display: flex !important;
  align-items: center;
  word-break: break-all;
  padding-right: 40px;
  cursor: pointer; /* Add cursor:pointer here to indicate it's clickable */
}

.custom-checkbox {
  content: "";
  display: block;
  position: relative;
  width: 24px; /* Adjust the width to make the checkbox box larger */
  height: 24px; /* Adjust the height to make the checkbox box larger */
  margin-right: 5px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
}

.custom-checkbox::before {
  content: '';
  display: none; /* Initially hide the checkmark */
  position: absolute;
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  width: 3px;
  height: 9px;
  border: solid #296d98;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg); /* Center and rotate */
}

.custom-checkbox.checked::before {
  display: block; /* Show the checkmark when checked */
}

.disabled {
  opacity: 0.2; /* Reduce opacity to indicate it's disabled */
}

.relative.select-box[disabled] .time-series {
  pointer-events: none;
  opacity: 0.5;
}

.metric-edit .metric-edit-form .metric-edite-form-left .field-box input#disableTimeBasedColumn {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  opacity: 0;
  z-index: 999;
  cursor: pointer;
}

.align-items-baseline{
  align-items: baseline !important;
}

.inner-filter {
  padding-top: 20px;
}

.radio-fixed div#onlymychanges {
  display: flex;
  padding-bottom: 20px;
}

.bulk-select {
  position: absolute !important;
  right: calc(121px + 3%);
}

.select-wrapper {
  display: flex;
  align-items: center;
  background: rgb(41 109 152 / 20%);
  padding: 10px 20px;
  position: relative;
}

.select-wrapper p:nth-child(1) {
  color: #093856;
  padding-right: 15px;
}

.select-wrapper p:nth-child(2) ,
.select-wrapper p:nth-child(3) {
  color: #296d98;
  padding-right: 15px;
  cursor: pointer !important;
}

.select-wrapper .select-btn-wrapper button.select-delete-btn {
  border-color: #ca483f;
  background: #ca483f;
  margin-right: 15px;
}

.select-wrapper .select-btn-wrapper button {
  color: #fff;
  border: 0;
  font-size: 14px;
  padding: 1px 30px;
  border-radius: 4px;
  cursor: pointer;
  height: 37px;
}

.select-wrapper .select-btn-wrapper button.select-export-btn {
  background-color: #296d98;
  border-color: #296d98;
}

.select-wrapper img{
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
}

.metrix-list {
  margin-left: 25px;
}

.node-checkbox {
  display: flex;
}

.bulk-select-dimension {
  position: absolute !important;
  right: 200px;
}
.dimension-id-wrapper {
  width: 64%;
  overflow: auto;
  padding: 40px 40px 40px;
  zoom: 90%;
  overflow-x: hidden;
  height: 65%;
}