@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
*,
*::after,
*::before{
  box-sizing:inherit;
  margin:var(--space-0);
  padding:var(--space-0);
}

html{
  font-size:62.5%;
  scroll-behavior:smooth;
}


button:disabled{
  cursor:not-allowed !important;
  pointer-events:all !important;
}

a{
  color:var(--color-tertiary-500);
  cursor:pointer !important;
  text-decoration:none !important;
}

ol,
ul{
  margin-bottom:var(--space-0) !important;
  margin-top:var(--space-0) !important;
}

a:visited{
  color:var(--color-tertiary-500);
}

::selection{
  background-color:var(--color-secondary-500);
  color:var(--color-white);
}

input:focus{
  border:var(--space-1) solid var(--color-info-500) !important;
  border-radius:var(--radius-4) !important;
  box-shadow:none !important;
  outline:none !important;
}

.select:disabled,input:disabled,textarea:disabled{
  background:var(--color-grey-100) !important;
  opacity:.6;
}

button:focus{
  outline:none;
}

.box-shadow-none{
  box-shadow:none !important;
}

*{
  letter-spacing:0;
}

a{
  text-decoration:none;
}

.MuiRadio-root{
  color:var(--color-tertiary-500) !important;
}

body{
  background-color:var(--color-grey-100) !important;
  box-sizing:border-box;
  color:var(--color-content-primary);
  font-family:Montserrat,sans-serif;
  font-size:var(--font-16);
  font-weight:var(--font-weight-500);
  line-height:var(--line-height-1-5);
}

.font-family-monetserrat{
  font-family:Montserrat,sans-serif !important;
}


.btn{
  background-color:initial;
  border:var(--space-1) solid #0000;
  border-radius:var(--radius-6);
  color:var(--color-content-primary);
  cursor:pointer;
  display:inline-block !important;

  font-family:montserrat,sans-serif;
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  line-height:var(--line-height-14);
  padding:var(--space-12) var(--space-16);
  text-align:center;
  text-transform:uppercase;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
}

.scrollable-div__p1{
  height:50vh;
  overflow-x:hidden;
  overflow-y:scroll;
}

.btn-sm{
  border-radius:var(--radius-6);
  font-size:var(--font-12);
  padding:var(--space-5) var(--space-12);
}


.btn-primary{
  background-color:var(--color-tertiary-500);
  border-color:var(--color-tertiary-500) !important;
  color:var(--color-white) !important;
}

.btn-primary:hover{
  background-color:var(--color-primary-800) !important;
  border-color:var(--color-primary-800) !important;
  color:var(--color-white);

}

.btn-primary-orange{
  background-color:var(--color-secondary-500);
  border-color:var(--color-secondary-500) !important;
  color:var(--color-white) !important;
}

.btn-primary-orange:hover{
  background-color:var(--color-warning-900) !important;
  border-color:var(--color-warning-900) !important;
  color:var(--color-white);

}

.btn-pagintaion{
  background-color:var(--color-pastel-blue-3)
}

.btn-primary-v2{
  background-color:var(--color-info-500) !important;
  border-color:var(--color-info-500) !important;
  margin:var(--space-0) var(--space-5) var(--space-0) var(--space-0);
  vertical-align:middle;
}

.btn-primary-v2,.btn-primary-yellow{
  color:var(--color-white) !important;
  font-weight:var(--font-weight-500);
}

.btn-primary-yellow{
  background-color:var(--color-secondary-500) !important;
  border-color:var(--color-secondary-500) !important;
}

.btn-secondary,.btn-secondary:hover{
  background-color:var(--color-content-tertiary);
  border-color:var(--color-content-tertiary);
  color:var(--color-white);
}

.color-btn-new{
  color:var(--color-primary-500);
}

.cursor-pointer{
  cursor:pointer;
}

.color-blue-new{
  background-color:var(--color-tertiary-500) !important;
}

.color-blue-new:hover{
  background-color:var(--color-primary-800) !important;
}

.divider{
  background-color:var(--color-grey-100);
}

.color-navy{
  background-color:var(--color-primary-800) !important;
}

.color-orange-btn,.color-orange-btn:hover{
  background-color:var(--color-secondary-500) !important;
}

.btn-danger{
  background-color:var(--color-error-500) !important;
  border-color:var(--color-error-500) !important;
  color:var(--color-white) !important;
}

.btn-danger:hover{
  background-color:var(--color-error-500);
  border-color:var(--color-error-500);
  color:var(--color-white);
}


.btn-danger .MuiSvgIcon-root{
  vertical-align:text-bottom;
}

.btn-warning,.btn-warning:hover{
  background-color:var(--color-secondary-500);
  border-color:var(--color-secondary-500);
  color:var(--color-content-primary);
}

.btn-info,.btn-info:hover{
  background-color:var(--color-primary-400);
  border-color:var(--color-primary-400);
  color:var(--color-white);
}

.btn-dark,.btn-dark:hover{
  background-color:var(--color-grey-900);
  border-color:var(--color-grey-900);
  color:var(--color-white);
}

.btn-light,.btn-light:hover{
  background-color:var(--color-grey-000);
  border-color:var(--color-grey-000);
  color:var(--color-content-primary);
}

.btn:focus,
.btn:hover{
  text-decoration:none;
}

.btn-secondary-outline{
  background-color:initial !important;
  border-color:var(--color-content-tertiary) !important;
  color:var(--color-content-tertiary) !important;
}

.btn-secondary-outline:hover{
  background-color:var(--color-black) !important;
  border-color:var(--color-black) !important;
  color:var(--color-white) !important;
}

.btn-outline-grey{
  background-color:initial !important;
}

.btn-outline-grey,.btn-outline-grey:hover{
  border-color:var(--color-grey-300) !important;
  color:var(--color-content-primary) !important;
}

.btn-outline-grey:hover{
  background-color:var(--color-grey-100) !important;
}

.disabled-button{
  cursor:not-allowed;
  opacity:.6;
}

.btn-outline-grey.btn-disabled{
  border:var(--space-1) solid var(--color-border-grey) !important;
  color:var(--color-border-grey) !important;
}

.btn-outline-grey.btn-disabled:hover{
  background-color:var(--color-border-grey) !important;
  border:var(--space-1) solid var(--color-border-grey) !important;
  color:var(--color-white) !important;
  cursor:not-allowed;
}

.btn-outline-green{
  background-color:initial !important;
  color:var(--color-success-500) !important;
}

.btn-outline-green,.btn-outline-green:hover{
  border-color:var(--color-success-500) !important;
}

.btn-outline-green:hover{
  background-color:var(--color-success-500) !important;
  color:var(--color-white) !important;
}

.btn-outline-red{
  background-color:initial !important;
  color:var(--color-error-500) !important;
}

.btn-outline-red,.btn-outline-red:hover{
  border-color:var(--color-error-500) !important;
}

.btn-outline-red:hover{
  background-color:var(--color-error-500) !important;
  color:var(--color-white) !important;
}

.btn-outline-light{
  background-color:initial !important;
  border-color:var(--color-white) !important;
  color:var(--color-white) !important;
}

.btn-outline-light:hover{
  background-color:var(--color-white) !important;
  border-color:var(--color-white) !important;
  color:var(--color-black) !important;
}

.btn-icon-flat{
  background-color:var(--color-grey-000) !important;
  border-color:var(--color-border-grey) !important;
  color:var(--color-tertiary-500);
  padding:var(--space-5) var(--space-0);
  position:relative;
}

.btn-icon-flat:hover{
  background-color:var(--color-border-grey) !important;
}

.btn-outline-primary{
  background-color:initial;
  border-color:var(--color-tertiary-500) !important;
  color:var(--color-tertiary-500);
}

.btn-outline-primary:hover{
  background-color:var(--color-tertiary-500);
  background-color:var(--color-tertiary-500) !important;
  border-color:var(--color-tertiary-500) !important;
  color:var(--color-white);
}


.btn-outline-dark-grey{
  background-color:initial;
  border-color:var(--color-grey-600) !important;
  color:var(--color-grey-800);
}

.btn-delete{
  align-items:center;
  background-color:initial;
  border:none;
  cursor:pointer;
  display:flex;
  justify-content:center;
}

.btn-delete:hover{
  background-color:var(--color-border-grey) !important
}

.btn-delete:hover,.btn-delete:hover .MuiSvgIcon-root{
  color:var(--color-error-400) !important
}

.btn-cancel-blue{
  align-items:center;
  background:#0000;
  border:var(--space-1) solid var(--color-primary-200);
  border-radius:var(--radius-6);
  color:var(--color-primary-500);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-700);
  height:var(--space-40);
  justify-content:center;
  line-height:var(--line-height-14-63);
  padding:var(--space-8) var(--space-16);
  width:var(--space-84);
}

.btn-cancel-blue:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.trigger-deploy-btn{
  background:var(--color-tertiary-500);
  border:none;
  border-radius:var(--radius-6);
  color:var(--color-white);
  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-700);
  gap:var(--space-6);
  height:var(--space-40);
  justify-content:center;
  line-height:normal;
  padding:var(--space-11) var(--space-16) var(--space-11) var(--space-12);
  width:var(--space-168);


}

.trigger-deploy-btn:hover{
  background-color:var(--color-primary-800);
  color:var(--color-white);

}

.btn-hollow{
  align-items:flex-start;
  background:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-6);
  display:flex;
  gap:var(--space-10);
  padding:var(--space-8);
}

.btn-hollow-delete:hover{
  background:var(--color-error-600);
}

.btn-hollow-delete:hover img{
  filter:brightness(0) invert(1);
}

.blue124D9B{
  color:var(--color-primary-500) !important;
}

.btn-hollow-action:hover{
  background:var(--color-primary-500);
}

.btn-hollow-action:hover img{
  filter:brightness(0) invert(1);
}

.color-bold-red{
  color:var(--color-error-600) !important;
}

.f0n .m-0{
  margin:var(--space-0) !important;
}

.container-margin{
  margin:var(--space-20);
}

.mb-0{
  margin-bottom:var(--space-0) !important;
}

.mb-3{
  margin-bottom:var(--space-3) !important;
}

.mb-5,.mb-6{
  margin-bottom:var(--space-5) !important;
}


.mb-8{
  margin-bottom:var(--space-8) !important;
}

.mb-10{
  margin-bottom:var(--space-10) !important;
}

.mb-12{
  margin-bottom:var(--space-12) !important;
}

.mb-15{
  margin-bottom:var(--space-15) !important;
}

.mb-16{
  margin-bottom:var(--space-16) !important;
}

.mb-20{
  margin-bottom:var(--space-20) !important;
}

.mb-22{
  margin-bottom:var(--space-22) !important;
}

.mb-24{
  margin-bottom:var(--space-24) !important;
}

.mb-30{
  margin-bottom:var(--space-30) !important;
}

.mb-32{
  margin-bottom:var(--space-32) !important;
}

.mb-48{
  margin-bottom:var(--space-48) !important;
}

.mb-50{
  margin-bottom:var(--space-50) !important;
}

.mb-25{
  margin-bottom:var(--space-25) !important;
}

.ml-3{
  margin-left:var(--space-3) !important;
}

.ml-13{
  margin-left:var(--space-13) !important;
}

.ml-33{
  margin-left:var(--space-33) !important;
}


.ml-4{
  margin-left:var(--space-4);
}

.ml-2{
  margin-left:var(--space-2);
}

.ml-5{
  margin-left:var(--space-5) !important;
}

.ml-6{
  margin-left:var(--space-6) !important;
}

.mr-6{
  margin-right:var(--space-6) !important;
}

.mr-30{
  margin-right:var(--space-30);
}

.ml-8{
  margin-left:var(--space-8);
}

.ml-10{
  margin-left:var(--space-10);
}

.ml-12{
  margin-left:var(--space-12);
}

.ml-15{
  margin-left:var(--space-15);
}

.ml-16{
  margin-left:var(--space-16);
}

.ml-20{
  margin-left:var(--space-20) !important;
}

.mr-2{
  margin-right:var(--space-2) !important;
}

.mr-3{
  margin-right:var(--space-3);
}

.mr-0{
  margin-right:var(--space-0) !important;
}

.mr-1{
  margin-right:var(--space-1) !important;
}

.mr-5{
  margin-right:var(--space-5);
}

.mr-8{
  margin-right:var(--space-8);
}

.mr-10{
  margin-right:var(--space-10);
}

.mr-12{
  margin-right:var(--space-12);
}

.mr-15{
  margin-right:var(--space-15);
}

.mr-20{
  margin-right:var(--space-20);
}

.mr-22-p{
  margin-right:var(--space-22) !important;
}

.ml-18{
  margin-left:var(--space-18) !important;
}


.m-20{
  margin:var(--space-20);
}

.mt-1{
  margin-top:var(--space-1) !important
}

.mt-2{
  margin-top:var(--space-2) !important
}

.mt-5{
  margin-top:var(--space-5) !important
}

.mt-8{
  margin-top:var(--space-8) !important
}

.mt-10{
  margin-top:var(--space-10) !important;
}


.mt-14{
  margin-top:var(--space-14) !important;
}

.mt-15{
  margin-top:var(--space-15) !important;
}

.mt-16{
  margin-top:var(--space-16) !important;
}

.mt-12{
  margin-top:var(--space-12) !important;
}

.mt-20{
  margin-top:var(--space-20);
}

.mt-25{
  margin-top:var(--space-25) !important;
}

.mt-30{
  margin-top:var(--space-30) !important;
}

.mt-32{
  margin-top:var(--space-32) !important
}

.m-rl-20{
  margin:var(--space-0) var(--space-20);
}

.mtb-30{
  margin-bottom:var(--space-30) !important;
  margin-top:var(--space-30) !important;
}

.mtb-10{
  margin-bottom:var(--space-10) !important;
  margin-top:var(--space-10) !important;
}

.mtb-20{
  margin-bottom:var(--space-20) !important;
  margin-top:var(--space-20) !important;
}

.mt-42{
  margin-bottom:42px !important;
}

.mt-50{
  margin-top:var(--space-50) !important;
}

.pl-top-4{
  padding-top:var(--space-4) !important;
}

.p-20{
  padding:var(--space-20) !important;
}

.p-11{
  padding:var(--space-11) !important;
}

.p-18{
  padding-bottom:var(--space-18) !important;
  padding-left:var(--space-18) !important;
  padding-top:var(--space-18) !important;
}

.pt-55{
  padding-top:var(--space-55) !important;
}

.pt-24{
  padding-top:var(--space-24) !important;
}

.pt-12,.pt-8{
  padding-top:var(--space-12) !important
}

.pl-53{
  padding-left:var(--space-53) !important;
}

.p-6{
  padding:var(--space-7) var(--space-8) var(--space-5) var(--space-6) !important
}

.p-14{
  padding:var(--space-14) !important
}

.pt-16{
  padding-top:var(--space-16) !important
}

.pb-12{
  padding-bottom:var(--space-12) !important;
}

.pl-33{
  padding-left:var(--space-33) !important;
}

.pr-3{
  padding-right:var(--space-3) !important
}


.gap-5{
  gap:var(--space-5) !important;
}

.gap-7{
  gap:var(--space-7) !important
}

.margin-top-bottom-3px{
  margin:var(--space-2) var(--space-0);
}

.color-header-new{
  color:var(--color-content-primary) !important;
}

.color-subheader-new{
  color:var(--color-content-secondary) !important;
}

.font-style-normal{
  font-style:normal !important;
}

.line-height-normal{
  line-height:normal !important;
}
.primaryHeading{
  color:var(--color-black);
  font-size:var(--font-20);
  font-weight:var(--font-weight-300);
}

.sidenavWizzard{
  background-color:var(--color-white);
}

.MuiTab-root{
  background-color:var(--color-grey-000) !important;
  border-radius:var(--radius-30) var(--radius-30) var(--radius-30) var(--radius-30) !important;
  margin:var(--space-15) var(--space-10) !important;
}

.MuiTab-root.Mui-selected,.PrivateTabIndicator-colorSecondary-179{
  background-color:var(--color-white) !important;
}

.MuiTab-root.Mui-selected{
  border-radius:var(--radius-30) var(--radius-0) var(--radius-0) var(--radius-30) !important;
  margin:var(--space-15) var(--space-0) !important;
}

.sidenavWizzard>.count{
  border:var(--space-1) solid var(--color-black);
  border-radius:var(--radius-full);
  height:var(--space-30);
  margin:auto;
  padding-top:var(--space-3);
  text-align:center;
  width:var(--space-30);
}
.makeStyles-MuiAvatarColorDefault-7{
  background-color:var(--color-grey-600);
  color:var(--color-white);
  font-size:var(--font-16);
  font-weight:var(--font-weight-800);
  height:var(--space-40) !important;
  width:var(--space-40) !important;
}

.MuiIconButton-root{
  padding:var(--space-6) !important;
}

.MuiCheckbox-root{
  padding:var(--space-5) !important;
}

span.MuiTab-wrapper{
  border:var(--space-1) solid var(--color-grey-300) !important;
  border-radius:var(--radius-full) !important;
  height:var(--space-30) !important;
  width:var(--space-30) !important;
}

input{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  color:var(--color-badge-grey-text);
  display:block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-2);
  margin:var(--space-0);
  padding:var(--space-5) var(--space-14);
  position:relative;
  width:100%;
}

.border-outline-none{
  border:none;
  outline:none;
}

.height-20{
  height:var(--space-20) !important;
}

.width-20{
  width:var(--space-20) !important;
}

.height-22{
  height:var(--space-22) !important;
}

.width-22{
  width:var(--space-22) !important;
}

.height-width-24{
  height:var(--space-24) !important;
  width:var(--space-24) !important;
}

input::placeholder,textarea::placeholder{
  color:var(--color-grey-300) !important;
}

.purple-text,.purple-text .ri-thumb-up-fill{
  color:var(--color-badge-purple-bg);
}

.purple-text .ri-thumb-up-fill{
  margin:var(--space-0) var(--space-5);
}

.MuiPaper-outlined{
  border:var(--space-1) solid var(--color-grey-400) !important;
}

.MuiPaper-elevation4{
  box-shadow:none !important;
}

.input-chip-checkbox input[type="checkbox"],
.input-square-checkbox input[type="checkbox"]{
  display:none;
}

.input-chip-checkbox{
  padding-top:var(--space-10);
}

.input-component-mb-0 .input-component{
  margin-bottom:var(--space-0) !important;
}

.input-component-dcoker-mb-0 .input-component{
  margin-bottom:var(--space-0) !important;
  width:fit-content !important;
}

.input-component-pb-0 .input-component{
  padding-bottom:var(--space-0) !important;
}

.input-chip-checkbox input[type="checkbox"]+label{
  background-color:var(--color-white);
  border-radius:var(--radius-20);
  box-shadow:var(--space-0) var(--space-1) var(--space-4) var(--space-0) #00000021;
  color:var(--color-tertiary-500);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-4) var(--space-12);
  text-align:center;
  text-overflow:ellipsis;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;

}

.input-chip-checkbox input[type="checkbox"]:checked+label{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  transition:all .5s ease;
}
.checkbox-grid{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-1) var(--space-4) var(--space-0) #00000021;
}

.checkbox-grid .input-component{
  margin-bottom:var(--space-0);

}

.checkbox-grid .input-square-checkbox{
  align-items:center;
  border-radius:var(--radius-5);
  display:flex;
  overflow:hidden;
  padding-top:var(--space-0);
}

.checkbox-grid .input-square-checkbox .input-checkbox-group{
  align-items:center;
  border-right:var(--space-1) solid var(--color-grey-300);
  cursor:pointer;
  display:flex;
  font-size:var(--font-12);
  justify-content:center;
  padding:var(--space-10) var(--space-5);
  width:var(--space-110);
}

.input-switch-f8 .card-header{
  background-color:var(--color-grey-000) !important;
  width:var(--space-182);
}

.checkbox-grid .input-square-checkbox .input-checkbox-group .input-count{
  color:var(--color-grey-500);
  display:inline-block;
  padding:var(--space-3) var(--space-2);
}

.checkbox-grid .input-square-checkbox .input-checkbox-group.bg-failed .input-count,.checkbox-grid .input-square-checkbox .input-checkbox-group.bg-initiated .input-count,.checkbox-grid .input-square-checkbox .input-checkbox-group.bg-revoked .input-count,.checkbox-grid .input-square-checkbox .input-checkbox-group.bg-running .input-count,.checkbox-grid .input-square-checkbox .input-checkbox-group.bg-success .input-count{
  color:var(--color-white);
}


.input-checkbox-group .success-mi{
  align-items:center;
  background-color:var(--color-success-400);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  width:var(--space-30);
}



.input-checkbox-group.bg-success .success-mi{
  background-color:var(--color-white)
}


.input-checkbox-group .failed-mi{
  align-items:center;
  background-color:var(--color-error-500);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  width:var(--space-30);
}



.input-checkbox-group.bg-failed .failed-mi{
  background-color:var(--color-white)
}



.input-checkbox-group .running-mi{
  align-items:center;
  background-color:var(--color-tertiary-500);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  width:var(--space-30);
}



.input-checkbox-group.bg-running .running-mi{
  background-color:var(--color-white)
}


.input-checkbox-group .initiated-mi{
  align-items:center;
  background-color:var(--color-tertiary-800);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  width:var(--space-30);
}



.input-checkbox-group.bg-initiated .initiated-mi{
  background-color:var(--color-white);
}



.input-checkbox-group .revoked-mi{
  align-items:center;
  background-color:var(--color-badge-purple-bg);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  width:var(--space-30);
}


.input-checkbox-group.bg-revoked .revoked-mi{
  background-color:var(--color-white);
}


.checkbox-grid .input-square-checkbox .input-checkbox-group:last-child{
  border-right:var(--space-0) !important;
}

.input-square-checkbox input[type="checkbox"]+label{
  align-items:center;
  border-radius:var(--radius-19) !important;
  display:flex !important;
  height:var(--space-25);
  justify-content:center;
  padding:var(--space-0) !important;
  width:var(--space-25);

}

.input-square-checkbox input[type="checkbox"].success+label{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  color:var(--color-success-400);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-8) var(--space-12);
  text-align:center;
  text-overflow:ellipsis;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
}

.input-square-checkbox input[type="checkbox"].success:checked+label{
  background-color:var(--color-white);
  border:solid var(--space-2) var(--color-white);
  color:var(--color-success-400);
  transition:all .5s ease;
}

.input-square-checkbox input[type="checkbox"].revoked+label{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  color:var(--color-badge-purple-bg);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-8) var(--space-12);
  text-align:center;
  text-overflow:ellipsis;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
}

.input-square-checkbox input[type="checkbox"].revoked:checked+label{
  background-color:var(--color-white);
  border:solid var(--space-2) var(--color-white);
  color:var(--color-badge-purple-bg);
  transition:all .5s ease;
}

.input-square-checkbox input[type="checkbox"]:checked+.input-checkbox-group{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  transition:all .5s ease;
}

.input-square-checkbox input[type="checkbox"].failed+label{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  color:var(--color-error-400);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-8) var(--space-12);
  text-align:center;
  text-overflow:ellipsis;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
}

.input-square-checkbox input[type="checkbox"].failed:checked+label{
  background-color:var(--color-white);
  border:solid var(--space-2) var(--color-white);
  color:var(--color-error-400);
  transition:all .5s ease;
}

.input-square-checkbox input[type="checkbox"].running+label{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  color:var(--color-tertiary-500);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-8) var(--space-12);
  text-align:center;
  text-overflow:ellipsis;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
}

.input-square-checkbox input[type="checkbox"].running:checked+label{
  background-color:var(--color-white);
  border:solid var(--space-2) var(--color-white);
  color:var(--color-tertiary-500);
  transition:all .5s ease;
}

.input-square-checkbox input[type="checkbox"].initiated+label{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  color:var(--color-tertiary-800);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-8) var(--space-12);
  text-align:center;
  text-overflow:ellipsis;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
}

.input-square-checkbox input[type="checkbox"].initiated:checked+label{
  background-color:var(--color-white);
  border:solid var(--space-2) var(--color-white);
  color:var(--color-tertiary-800);
  transition:all .5s ease;
}

.formControll .MuiFormControlLabel-label{
  font-size:var(--font-14) !important;
}

.MuiFormControlLabel-root .MuiFormControlLabel-label{
  color:var(--color-content-primary);
  font-size:var(--font-14) !important;
  font-weight:var(--font-weight-500);
}

.Mui-disabled{
  background-color:var(--color-grey-100) !important;
}

.border-none{
  border:none !important
}

.padding-top-bottom{
  padding-bottom:var(--space-6);
  padding-top:var(--space-6);
}

.padding-all{
  padding:var(--space-10) var(--space-12);
}

.br-0{
  border-radius:var(--radius-0) !important;
}

.br-4{
  border-radius:var(--radius-4) !important;
}

.br-8{
  border-radius:var(--radius-8) !important;
}

.br-6{
  border-radius:var(--radius-6) !important;
}

.br-10{
  border-radius:var(--radius-10) !important;
}

.br-30{
  border-radius:var(--radius-30) !important;
}

.border-2px-blue{
  border:var(--space-2) solid var(--color-tertiary-500) !important
}

.border-bottom{
  border-bottom:var(--space-1) solid var(--color-border-grey) !important;
}

.border-bottom:last-child{
  border-bottom:none !important;
}

.border-top{
  border-top:var(--space-1) solid var(--color-border-grey);
}

.border-left{
  border-left:var(--space-1) solid var(--color-border-grey);
}

.border-all{
  border:var(--space-1) solid var(--color-badge-blue-bg)
}

.border-all-color-grey{
  border:var(--space-1) solid var(--color-badge-grey-bg)
}
.space-minimum{
  background-color:var(--color-grey-000);
  display:flex;
  margin:var(--space-0) !important;
  width:auto !important;
}

.md-pd-40{
  padding:var(--space-24) 40px !important;
}

.md-stepper-horizontal{
  width:100% !important;
}

.md-stepper-horizontal,.md-stepper-wrapper .md-stepper-horizontal{
  background-color:var(--color-grey-000);
  display:flex;
  margin:var(--space-0) auto;
}

.md-stepper-wrapper .md-stepper-horizontal{
  width:80% !important;
}

.md-stepper-horizontal .md-step{
  padding:var(--space-24);
  position:relative;
  width:inherit;
}

.md-stepper-horizontal .md-step:active{
  border-radius:15% / 75%;
}

.md-stepper-horizontal .md-step:first-child:active{
  border-bottom-left-radius:0;
  border-top-left-radius:0;
}

.md-stepper-horizontal .md-step:last-child:active{
  border-bottom-right-radius:0;
  border-top-right-radius:0;
}

.md-stepper-horizontal .md-step:hover .md-step-circle{
  background-color:var(--color-grey-000);
}

.md-stepper-horizontal .md-step:first-child .md-step-bar-left,.md-stepper-horizontal .md-step:first-child .md-step-bar-logs-left,.md-stepper-horizontal .md-step:last-child .md-step-bar-logs-right,.md-stepper-horizontal .md-step:last-child .md-step-bar-right{
  display:none;
}

.md-stepper-horizontal .md-step .md-step-circle{
  border:var(--space-2) solidvar(--color-grey-300);
  border-radius:var(--radius-full);
  color:var(--color-black);
  font-size:var(--font-9);
  font-weight:var(--font-weight-400);
  height:var(--space-30);
  margin:var(--space-0) auto;
  text-align:center;
  width:var(--space-30);
}

.md-stepper-horizontal .md-step.active:hover{
  cursor:pointer;
}

.md-stepper-horizontal .md-step.active .md-step-circle.disable{
  border:var(--space-3) solid var(--color-grey-600);
}

.md-stepper-horizontal .md-step.active .md-step-circle.current{
  border:var(--space-3) solid var(--color-tertiary-500);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step.active .md-step-circle.current{
  border:var(--space-3) solid #0000;
}


.md-stepper-horizontal .md-step.active .md-step-circle.success{
  border:var(--space-3) solid var(--color-success-400);
}

.md-stepper-horizontal .md-step.active .md-step-circle.skipped{
  border:var(--space-3) solid var(--color-grey-400);
}

.md-stepper-horizontal .md-step.active .md-step-circle.fail{
  border:var(--space-3) solid var(--color-error-400) !important;
  border:var(--space-0);
}

.md-stepper-horizontal .md-step.active .md-step-circle.log-fail,.md-stepper-horizontal .md-step.active .md-step-circle.log-revoked,.md-stepper-horizontal .md-step.active .md-step-circle.log-running,.md-stepper-horizontal .md-step.active .md-step-circle.log-success{
  border:var(--space-0);
}


.md-stepper-horizontal .md-step.active .md-step-circle.purple{
  border:var(--space-3) solid var(--color-badge-purple-bg);
}

.md-stepper-horizontal .md-step.active .md-step-circle.yellow{
  border:var(--space-3) solid var(--color-secondary-400);
}

.md-stepper-horizontal .md-step.active .md-step-circle.default,.md-stepper-horizontal .md-step.active .md-step-circle.running{
  border:var(--space-3) solid var(--color-tertiary-500);
}

.md-stepper-horizontal .md-step.active .md-step-circle.stopped{
  border:var(--space-3) solid var(--color-error-400);
}

.md-stepper-horizontal .md-step.active .md-step-circle.running-only{
  animation:single-div-spin 1s linear infinite;
  border:var(--space-3) solid var(--color-tertiary-500);
  border-top-color:var(--color-tertiary-500);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step.active .md-step-circle{
  border:var(--space-3) solid #0000;
}

.md-stepper-horizontal .md-step.active .md-step-circle{
  border:var(--space-3) solid var(--color-badge-grey-bg);
}

.md-stepper-horizontal .md-step.active .md-step-circle.pending{
  border:var(--space-3) solid var(--color-error-300);
}

.md-stepper-horizontal .md-step.active .md-step-circle.revoked{
  border:var(--space-3) solid var(--color-badge-purple-bg);
}

.md-step-circle .ri-alert-fill,.md-step-circle .ri-calendar-event-fill{
  margin:var(--space-0);
}

.md-step-circle .ri-thumb-up-fill{
  color:var(--color-badge-purple-bg) !important;
  margin:var(--space-0);
}

.md-step-circle .ri-alert-fill::before{
  font-size:var(--font-14) !important;
}

.md-stepper-horizontal .md-step.done .md-step-circle:before{
  content:"\f00c";
  font-family:FontAwesome,sans-serif;
  font-weight:var(--font-weight-100);
}

.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle *{
  display:none;
}

.md-stepper-horizontal .md-step.editable .md-step-circle{
  transform:scaleX(-1);
}

.md-stepper-horizontal .md-step .md-step-title{
  font-size:var(--font-11);
  font-weight:var(--font-weight-400);
  margin-top:var(--space-5);
}


.md-stepper-horizontal .md-step .md-step-optional,.md-stepper-horizontal .md-step .md-step-title{
  color:#00000042;
  text-align:center;
}

.md-stepper-horizontal .md-step.active .md-step-title{
  color:#000000de;
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1-2);
}

.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title{
  font-weight:var(--font-weight-400);
}

.md-stepper-horizontal .md-step .md-step-optional{
  font-size:var(--font-9);
}

.md-stepper-horizontal .md-step.active .md-step-optional{
  color:#0000008a;
}

.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right{
  border-top:var(--space-5) solid var(--color-badge-grey-bg);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-wrapper .md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-wrapper .md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-right{
  border-top:var(--space-3) solid var(--color-grey-300);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-right{
  border-top:var(--space-3) solid var(--color-badge-grey-bg);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step .md-step-bar-logs-left,
.md-stepper-horizontal .md-step .md-step-bar-logs-right{
  border-top:var(--space-5) solid var(--color-badge-grey-bg);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].current{
  border-top:var(--space-5) solid var(--color-tertiary-500);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step [ class^="md-step-bar-"].current{
  border-top:var(--space-3) solid var(--color-tertiary-500);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].disable{
  border-top:var(--space-5) solid var(--color-grey-600);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].success{
  border-top:var(--space-5) solid var(--color-success-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step [ class^="md-step-bar-"].success{
  border-top:var(--space-3) solid var(--color-success-500) !important;
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step.active .md-step-circle.success{
  border:var(--space-3) solid #0000 !important;
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].skipped{
  border-top:var(--space-5) solid var(--color-grey-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].fail{
  border-top:var(--space-5) solid var(--color-error-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].purple{
  border-top:var(--space-5) solid var(--color-badge-purple-bg);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-"].yellow{
  border-top:var(--space-5) solid var(--color-secondary-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-right{
  border-top:var(--space-3) solid var(--color-grey-300);
}
.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].current{
  border-top:var(--space-5) solid var(--color-tertiary-500);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].default{
  border-top:var(--space-2) solid var(--color-info-500);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36)
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].disable{
  border-top:var(--space-5) solid var(--color-grey-600);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].success{
  border-top:var(--space-2) solid var(--color-success-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].skipped{
  border-top:var(--space-2) solid var(--color-grey-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].fail{
  border-top:var(--space-2) solid var(--color-warning-500);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].purple{
  border-top:var(--space-2) solid var(--color-badge-purple-bg);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}

.md-stepper-horizontal .md-step [ class^="md-step-bar-logs"].yellow{
  border-top:var(--space-5) solid var(--color-secondary-400);
  height:var(--space-1);
  position:absolute;
  top:var(--space-36);
}





.md-stepper-horizontal .md-step .md-step-bar-right{
  left:50%;
  margin-left:var(--space-15);
  right:0;
}

.md-stepper-horizontal .md-step .md-step-bar-logs-right{
  left:50%;
  margin-left:var(--space-30);
  right:0;
}


.md-stepper-horizontal .md-step .md-step-bar-left{
  left:0;
  margin-right:var(--space-15);
  right:50%;
}

.md-stepper-horizontal .md-step .md-step-bar-logs-left{
  left:0;
  margin-right:var(--space-30);
  right:50%;
}

.md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-right{
  left:55%;
  margin-left:var(--space-15);
  right:0;
}

.md-stepper-wrapper .md-stepper-horizontal .md-step .md-step-bar-left{
  left:0;
  margin-right:var(--space-15);
  right:55%;
}

.md-step-title-active{
  border-bottom:var(--space-4) solid var(--color-tertiary-500);
  color:var(--color-content-primary);
  padding-bottom:var(--space-10);
}



.md-step-log{
  padding:var(--space-24) var(--space-24) var(--space-0) !important;
}
.md-step-log-new{
  padding:var(--space-16) var(--space-24) var(--space-0) !important;
}

.md-stepper-horizontal-new{
  align-items:start;
  display:flex;
  justify-content:center;
  width:100%;
}

.md-stepper-horizontal-new::-webkit-scrollbar{
  display:none;
}

.md-step-title-step{
  color:var(--color-content-secondary);
  font-size:var(--font-12) !important;
  font-weight:var(--font-weight-600);
  letter-spacing:0;
  line-height:var(--line-height-15);
  margin-left:auto;
  margin-right:auto;
  margin-top:var(--space-5);
  overflow:hidden;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:fit-content;
}

.makeStyles-mainBodyDiv-161,.makeStyles-mainBodyDiv-315{
  margin-left:calc(var(--space-1)*-1);
  z-index:-2 !important;
}

.MuiDivider-root{
  background-color:var(--color-border-grey) !important;
  border:none;
  flex-shrink:0;
  height:var(--space-1);
  margin:var(--space-0);
  margin-bottom:var(--space-20);
}

.makeStyles-root-176{
  justify-content:space-between;
}

.MuiButton-containedPrimary{
  background-color:var(--color-success-500) !important;
  color:var(--color-white);
}

.MuiCheckbox-colorPrimary.Mui-checked{
  color:var(--color-tertiary-500) !important;
}

.PrivateRadioButtonIcon-root-294>.MuiSvgIcon-root,.PrivateRadioButtonIcon-root-442>.MuiSvgIcon-root{
  font-size:var(--font-25) !important;
}

.hr-text{
  border:var(--space-0);
  color:var(--color-black);
  height:1.5em;
  line-height:1em;
  outline:var(--space-0);
  position:relative;
  text-align:center;
}

.hr-text:before{
  background:linear-gradient(to right, #0000, var(--color-grey-600), #0000);
  content:"";
  height:var(--space-1);
  left:0;
  position:absolute;
  top:34%;
  width:100%;
}

.hr-text:after{
  background-color:var(--color-grey-000);
  color:var(--color-black);
  content:attr(data-content);
  display:inline-block;
  font-size:var(--font-12);
  line-height:1.5em;
  padding:var(--space-0) var(--space-5);
  position:relative;
}

.MuiRadio-colorSecondary.Mui-checked{
  color:var(--color-tertiary-500) !important;
}

select:focus{
  border:var(--space-1) solid var(--color-info-500) !important;
  border-radius:var(--radius-4) !important;
  box-shadow:none !important;
  outline:none !important;
}

.select{

  background:var(--color-white) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBAIIIgMuINtdAAABJElEQVRo3u3XPYrCUBSG4Tc6OxBCcAWzgAEbxRVaCgpuYJiNzNiIIMRNqGhjpdfGERPU/Nx7jqDns7qxeN6EFAo2m81ms737mkCLPk1WyvInX2zYQ481jiMDIjU8YsARx5ouzHHnz0gpIWJ0MWewuxx0Eq55xxZ+ro7yCVne8Q0xqVpCnk+JAWIWmcsTGkL8MOMsaf9/pZHwgNdIKOClE0rwkgkleamECrxEQkU+dEINPmRCTT5UggcfIsGT900IwPskBOLrJgTk6yQE5qsmCPBVEoT4sgmCfJkEYb4oQYF/lKDE30tQ5AGS3I/4MePMOSWR5G89BcW7L0pQ4u8lKPK3EpT5fMITeICEKQ7Hn8+b7/dP+IMO8MvhGfdvs9lsNtur7AQWldCTsa7XHQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNC0wMlQwODozNDowMyswMDowMJm2QfgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDQtMDJUMDg6MzQ6MDMrMDA6MDDo6/lEAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) no-repeat right center;
  background-size:15px 15px;
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  color:var(--color-content-primary);
  display:block;
  font-family:montserrat,sans-serif;
  font-size:var(--font-14);
  font-weight:var(--font-weight-500);
  line-height:var(--line-height-2);
  margin:var(--space-0);
  padding:var(--space-5) var(--space-14);
  width:100%;
}

.MuiInputBase-input{
  font-family:montserrat,sans-serif !important;
}
.status-point{
  display:flex;
  position:relative;

}


.p-relative{
  position:relative !important;
}

.bullet{
  border-radius:var(--radius-full);
  box-sizing:initial;
  display:inline-block;
  height:var(--space-10);
  left:0;
  margin:var(--space-2-5);
  position:absolute;
  top:30%;
  width:var(--space-10);
}

.purple{
  background-color:var(--color-badge-purple-bg);
}

.blue{
  background-color:var(--color-tertiary-500);
}

.blue-text{
  color:var(--color-tertiary-500) !important;
}

.bullet-with-border{
  border:var(--space-3) solid var(--color-white);
  border-radius:var(--radius-full);
  box-sizing:initial;
  display:inline-block;
  height:var(--space-10);
  margin:var(--space-2-5);
  width:var(--space-10);
}

.failed{
  background-color:var(--color-error-300);
}

.inqueue-text{
  color:var(--color-tertiary-200);
}

.yellow-text,.yellow-text .ri-time-fill{
  color:var(--color-secondary-500);
}

.status-div.red-text{
  color:var(--color-secondary-300);
}

.green-text{
  color:var(--color-success-300);
}

.round-chip{
  align-items:center;
  background-color:var(--color-tertiary-500);
  border-radius:var(--radius-24);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-10) !important;
  justify-content:center;
  margin:var(--space-0) var(--space-3);
  max-width:var(--space-120);
  min-height:var(--space-25);
  padding:var(--space-0) var(--space-8) var(--space-0) var(--space-5);
  text-transform:capitalize !important;
  width:fit-content;
}

.round-chip .ri-checkbox-circle-fill,.round-chip .ri-close-circle-fill,.round-chip .ri-thumb-up-fill,.round-chip .ri-time-fill{
  color:var(--color-white);
  margin:var(--space-0) var(--space-3) !important;
}

.bg-round-green{
  background-color:var(--color-success-400) !important;
}

.bg-round-yellow{
  background-color:var(--color-secondary-500) !important;
}

.bg-round-red{
  background-color:var(--color-error-300) !important;
}

.bg-round-purple{
  background-color:var(--color-badge-purple-bg) !important;
}

.bg-round-blue{
  background-color:var(--color-tertiary-500) !important;
}

.bg-round-grey{
  background-color:var(--color-grey-100) !important;
}

.bg-f7-f8,.bg-f7-fc,.bg-f7-grey{
  background-color:var(--color-grey-000) !important;
}

.new-status-chip{
  align-items:center;
  background:var(--color-grey-100);
  border-radius:var(--radius-4);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-700);
  gap:var(--space-10);
  justify-content:center;
  padding:var(--space-4) var(--space-6) !important;
  text-transform:uppercase;
}

.new-running,.new-success{
  border:var(--space-1) solid var(--color-badge-blue-bg);
}

.new-running{
  background:var(--color-pastel-blue-3);
}

.new-revoked{
  background:var(--color-grey-100);
  border:var(--space-1) solid var(--color-badge-grey-bg);
  color:var(--color-badge-grey-text);
}

.new-inqueue{
  border:var(--space-1) solid var(--color-pastel-yellow);
}

.bg-white .md-stepper-horizontal{
  background-color:var(--color-white);
}

.scheduler-time{
  color:var(--color-content-tertiary);
  font-size:var(--font-30);
}

.badge{
  border-radius:.25rem;
  display:inline-block;
  font-size:var(--font-11);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1);
  padding:.5em .4em;
  text-align:center;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  vertical-align:initial;
  white-space:nowrap;
}

.badge-pill{
  border-radius:13rem;
  padding-bottom:var(--space-6);
  padding-left:var(--space-6);
  padding-right:.6em;
  padding-top:var(--space-7-5);
}

.badge-ellipsis{
  max-width:var(--space-150);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chip-xs-small{
  background-color:initial;
  border-radius:var(--radius-4);
  color:#0000;
  font-size:var(--font-10);
  line-height:var(--line-height-1-8);
  padding-left:var(--space-2);
  padding-right:var(--space-2);
}

.badge-primary{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.badge-danger{
  background-color:var(--color-error-300);
  color:var(--color-white);
}

.badge-success{
  background-color:var(--color-success-400);
  color:var(--color-white);
}

.badge-warning{
  background-color:var(--color-secondary-500);
  color:var(--color-white);
}

.badge-artifact{
  background-color:var(--color-primary-500);
  color:var(--color-white);
}

.badge-sq{
  border-radius:var(--radius-6);
}

.badge-dev{
  background-color:var(--color-success-500);
}

.badge-dev,.badge-qa{
  color:var(--color-white);
}

.badge-qa{
  background-color:var(--color-grey-500);
}

.badge-uat{
  background-color:var(--color-secondary-400);
  color:var(--color-white);
}

.badge-staging{
  background-color:var(--color-info-400);
  color:var(--color-white);
}

.badge-prod{
  background-color:var(--color-grey-500);
  color:var(--color-white);
}

.badge-m{
  display:inline-block;
  padding-bottom:var(--space-7);
  padding-left:.8em;
  padding-right:.8em;
  padding-top:var(--space-8)
}

.chip-with-icon{
  align-items:center;
  background-color:var(--color-border-grey);
  border:none;
  border-radius:var(--radius-16);
  box-sizing:border-box;
  color:var(--color-black);
  cursor:default;
  display:inline-flex;
  font-size:var(--font-8);
  height:var(--space-32);
  justify-content:center;
  outline:var(--space-0);
  padding:var(--space-0);
  text-decoration:none;
  transition:background-color .3s cubic-bezier(.4, 0, .2, 1) 0s,box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0s;
  vertical-align:middle;
  white-space:nowrap;
}

.chip-with-icon-label{
  overflow:hidden;
  padding-left:var(--space-12);
  padding-right:var(--space-12);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chip-with-icon-before{
  border-radius:inherit;
  bottom:0;
  left:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:0;
}
.alert{
  border:var(--space-2) solid #0000;
  border-radius:.25rem;
  font-size:var(--font-12);
  height:fit-content;
  margin-bottom:var(--space-10);
  padding:var(--space-7-5) var(--space-12-5);
  position:relative;
}

.alert-primary{
  background-color:var(--color-badge-blue-bg);
  border-color:var(--color-tertiary-200);
  color:var(--color-tertiary-800);
}

.alert-secondary{
  background-color:var(--color-badge-grey-bg);
  border-color:var(--color-border-grey);
  color:var(--color-grey-900);
}

.alert-success{
  background-color:var(--color-success-100);
  border-color:var(--color-success-200);
  color:var(--color-success-900);
}

.alert-danger{
  background-color:var(--color-error-100);
  border-color:var(--color-badge-red-bg);
  color:var(--color-error-800);
}

.alert-pipeline-v3{
  background-color:var(--color-badge-blue-bg);
  border-color:var(--color-tertiary-200);
  color:var(--color-tertiary-800);
  height:var(--space-45) !important;
}

.alert-new-info{
  background:var(--color-pastel-blue-3);
  border:var(--space-1) solid var(--color-badge-blue-bg);
  border-radius:var(--radius-6);
  color:var(--color-content-secondary);
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  line-height:var(--line-height-18);
  margin-bottom:0;
  padding:var(--space-12);
}

.alert-warning{
  background-color:var(--color-pastel-yellow);
  border-color:var(--color-secondary-200);
  color:var(--color-secondary-800);
}

.alert-info{
  background-color:var(--color-tertiary-100);
  border-color:var(--color-info-800);
  color:var(--color-info-800);
}

.alert-dismissible{
  padding-right:var(--space-40);
}
.error-message{
  color:var(--color-error-600);
  display:inline-block;
  font-size:var(--font-12);
  line-height:var(--line-height-15);
  margin:var(--space-5) var(--space-0) var(--space-0);
  position:relative;
}

.input-group .error-message{
  display:none;
}

.error label{
  color:var(--color-error-600);
}

.error{
  background-color:var(--color-pastel-red) !important;
  border:var(--space-1) solid var(--color-error-600) !important;
  outline:none;
}

.error .error-message{
  display:inline-block;
}

.formDiv,.formDivInternal{

  width:100%;
}

.formDiv{
  background-color:var(--color-white);
  border:var(--space-1) solidvar(--color-border-grey);
  border-radius:var(--radius-8);
  box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
  margin:var(--space-30) var(--space-0);
  padding:var(--space-20);
}

.formTag{
  align-items:center;
  display:flex;
  justify-content:flex-start;
  margin:var(--space-10) var(--space-0);
  padding:var(--space-10) var(--space-0);
}

.mainHeading{
  font-size:var(--font-13);
  font-weight:var(--font-weight-500);
  margin:var(--space-0) var(--space-5);
}

.red{
  color:var(--color-error-500)
}

.InputLabel{
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);

}

.section{
  margin:var(--space-10)
}

.hint-text{
  color:var(--color-grey-500);
  font-size:var(--font-10);
  font-weight:var(--font-weight-400);
  margin-left:var(--space-5);
}

.field-icon{
  margin-left:95%;
  margin-top:calc(var(--space-38)*-1);
}

.field-icon,.field-icon-login{
  float:right;
  position:relative;
  z-index:2;
}

.field-icon-login{
  margin-right:var(--space-40);
  margin-top:calc(var(--space-50)*-1);
}

.text-green{
  color:var(--color-success-500);
}

.text-green,.text-red{
  font-size:var(--font-12);
  line-height:var(--line-height-1-2);
}

.text-red{
  color:var(--color-error-400) !important;
}

.chip-small{
  background-color:var(--color-grey-400);
  border-radius:var(--radius-4);
  color:var(--color-white);
  margin:var(--space-3);
  max-width:var(--space-80);
  overflow:hidden;
  padding:var(--space-3) var(--space-5);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text-green>.FaildIcon>.MuiSvgIcon-root,.text-red>.successIcon>.MuiSvgIcon-root{
  font-size:var(--font-18) !important;
}

.FaildIcon,.successIcon{
  margin:var(--space-2-5) var(--space-10);
}

.floatLeft{
  display:flex;
  justify-content:flex-end;
}

.btn-buildpiper{
  border:var(--space-2) solid #0000;
  border-radius:.25rem;
  display:inline-block;
  font-size:var(--font-10);
  font-weight:var(--font-weight-400);
  height:fit-content;
  line-height:var(--line-height-1-5);
  padding:var(--space-10) var(--space-20);
  text-align:center;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
  white-space:nowrap;
  width:fit-content;
}

.btn-success-green{
  background-color:var(--color-success-500);
  border-color:var(--color-success-500);
  color:var(--color-white);
}

.btn-success-outlined{
  border:var(--space-2) solid var(--color-success-400) !important;
  color:var(--color-success-400);
  font-weight:var(--font-weight-400);
}

.btn-success-green:hover{
  background-color:var(--color-success-600);
  border-color:var(--color-success-600);
  color:var(--color-white);
}

.btn-outline-success-green{
  background-color:initial;
  background-image:none;
  border-color:var(--color-success-500);
  color:var(--color-success-500);
}

.btn-outline-success-green:hover{
  background-color:var(--color-success-500);
  border-color:var(--color-success-500);
  color:var(--color-white);
}

.btn-outline-gray{
  background-color:initial;
  background-image:none;
  color:var(--color-content-tertiary);
}

.btn-outline-gray,.btn-outline-gray:hover{
  border-color:var(--color-content-tertiary);
}

.btn-outline-gray:hover{
  background-color:var(--color-content-tertiary);
  color:var(--color-white);
}

.btn-save{
  background-color:initial;
  border:var(--space-1) solid #0000;
  border-radius:.25rem;
  color:var(--color-content-primary);
  display:inline-block;
  font-size:var(--font-10);
  line-height:var(--line-height-1-5);
  padding:var(--space-3-75) var(--space-7-5);
  text-align:center;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
}

.btn-save-primary{
  background-color:var(--color-tertiary-400) !important;
  color:var(--color-white);
}

.btn-save-lg{
  font-size:var(--font-12);
  min-width:var(--space-100);
  padding:.75rem var(--space-10) var(--space-7);
}

.btn-save-primary:hover{
  background-color:var(--color-info-500) !important;
  color:var(--color-white);
}

.btn-Style{
  background-color:var(--color-success-500);
  border:none;
  border-radius:var(--radius-4);
  box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
  color:var(--color-white);
  font-size:var(--font-12);
  font-weight:var(--font-weight-700);
  margin:var(--space-15) var(--space-0) var(--space-0);
  max-width:var(--space-200);
  min-width:var(--space-180);
  padding:var(--space-10);
}

.btn-txt{
  height:var(--space-20) !important;
  line-height:var(--line-height-12);
  padding:var(--space-0);
  width:var(--space-20) !important;
}

.btn-txt .ri-add-fill::before{
  font-size:var(--font-11);
}

.empty-box .btn:hover{
  background-color:initial;
  color:var(--color-tertiary-500) !important;
}

.btn-pagintaion{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-primary-100);
  color:var(--color-primary-500);
}

.btn-pagintaion:hover{
  background-color:var(--color-primary-500);
  border:var(--color-primary-500);
  color:var(--color-white);
}


.btn-transparent{
  background-color:initial !important;
  border-color:none !important;
  border:var(--space-2) solid #0000;
  color:var(--color-content-primary);
}

.btn-transparent:hover{
  background-color:var(--color-overlay-black-07) !important;
}

.btn-transparent-primary{
  color:var(--color-tertiary-500);
}

.btn-transparent-primary:hover{
  background-color:var(--color-border-grey) !important;
}

.text-primary{
  color:var(--color-tertiary-400);
}

.btn-grey{
  background-color:var(--color-grey-000);
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-4);
  margin:var(--space-2);
  padding:var(--space-10) var(--space-5);
}

.btn-grey,.saas-btn{
  display:inline-block;
}

.saas-btn{
  border:var(--space-1) solid #0000;
  font-size:var(--font-10);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1-5);
  padding:var(--space-3-75) var(--space-7-5);
  text-align:center;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
  white-space:nowrap;
}

.btn-outline-white{
  background-color:initial;
  background-image:none;
  border-color:var(--color-white);
  color:var(--color-white);
}

.artifact{
  color:var(--color-content-primary);

  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-500);
  line-height:normal;
}


.saas-btn.saas-btn-lg{
  line-height:var(--line-height-1-5);
  padding:var(--space-10) 1.75rem;
}

.padding-control .MuiGrid-spacing-xs-2>.MuiGrid-item{
  padding:var(--space-0) var(--space-8) !important;
}
input[type=file]::-webkit-file-upload-button{
  background:var(--color-primary-500);
  border:none;
  border-radius:var(--radius-4) 4px var(--space-0) var(--space-0);
  color:var(--color-white);
  display:inline-block;
  height:100%;
  padding:var(--space-10);
  position:relative;
}

input[type=file]{
  border-radius:var(--radius-4);
  padding:var(--space-0);
}

.fromClass{
  border:var(--space-0);
  display:inline-flex;
  flex-direction:column;
  margin:var(--space-0);
  min-width:var(--space-0);
  padding:var(--space-0);
  position:relative;
  vertical-align:top;
  width:100%;
  z-index:0;
}

div[ class^="PrivateRadioButtonIcon-root"]>.MuiSvgIcon-root{
  font-size:var(--font-25) !important;
}

.MuiFormGroup-row{
  margin-left:var(--space-5);
}

.card{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8);
  box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
  overflow:hidden;
  position:relative;
  z-index:9;
}

.card-new{
  align-items:start;
  background:#fff;
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-4) var(--space-4) var(--space-0) var(--color-overlay-black-11);
  display:flex;
  flex-direction:column;
  gap:var(--space-14);
  height:var(--space-217);
  padding:var(--space-0) var(--space-0) var(--space-16) var(--space-0);
}


.border-controller .card-header{
  border-bottom:var(--space-0) solid var(--color-border-grey);
}

.card-header{
  align-items:center;
  background-color:var(--color-grey-100);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:flex;
  height:var(--space-50);
  justify-content:space-between;
  padding:var(--space-10);
}


.card-header .heading{
  color:var(--color-black);
  font-size:var(--font-13);
  line-height:var(--line-height-1-5);
}

.card-subheader{
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding:var(--space-10);
}

.card-subheader>.subheading{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
  line-height:var(--line-height-1-5);
}

.main .card-body{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-left:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-0) var(--space-0) 8px 8px;
  border-right:var(--space-1) solid var(--color-border-grey);
  padding:var(--space-10);
}

.card-body-new{
  background-color:var(--color-white) !important;
  height:fit-content;
}

.card-body-new,.card-body-new-step{
  align-items:baseline;
  display:flex;
  justify-content:space-between;
  padding:var(--space-0) var(--space-16);
  width:100%;
}

.card-body-new-step{
  background-color:#ebf5ff99 !important;
  height:var(--space-65);
}

.card-body{
  padding-bottom:var(--space-10);

}

.card-body .InputLabel{
  color:var(--color-black);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
}

.card-footer,.cardtext{
  align-items:center;
  display:flex;
}

.card-footer{
  background-color:var(--color-grey-100);
  border-top:var(--space-1) solid var(--color-border-grey);
  justify-content:center;
  padding:var(--space-10) var(--space-15);
}

.info-part{
  align-items:flex-start;
  align-self:stretch;
  background:var(--color-pastel-blue-3);
  border:var(--space-1) solid var var(--color-badge-blue-bg);
  border-radius:var(--radius-6);
  display:flex;
  flex-direction:column;
  gap:var(--space-10);
  padding:var(--space-12);
}

.play-icon-btn{
  align-items:center;
  background-color:var(--color-white);
  border-radius:var(--radius-26);
  box-shadow:#ccc var(--space-1) var(--space-1) var(--space-5) var(--space-1);
  color:var(--color-black);
  display:flex;
  font-size:var(--font-10);
  font-weight:var(--font-weight-400);
  justify-content:space-around;
  max-width:var(--space-150);
  min-width:var(--space-130);
  padding:var(--space-5);
}

.play-icon-btn>.MuiSvgIcon-root{
  color:#fea110
}

.task-name{
  color:var(--color-black);
  font-size:var(--font-11);
  margin:var(--space-10) var(--space-0);
  text-align:center;
}

.image-box{
  align-items:center;
  display:flex;
  justify-content:center;
  margin-bottom:var(--space-10);
}

.image-box img{
  height:var(--space-50);
}

.card-count{
  align-items:center;
  background-color:var(--color-tertiary-500);
  border-radius:var(--radius-4);
  display:flex;
  font-size:var(--font-10);
  height:var(--space-20);
  justify-content:center;
  position:absolute;
  right:calc(var(--space-1)*-1);
  top:calc(var(--space-1)*-1);
  width:var(--space-20);
  z-index:99;
}

.card-count,a.btn-blue-navi:visited{
  color:var(--color-white);
}
.switch{
  background:linear-gradient(to bottom, var(--color-grey-100), var(--color-white) 25px);
  background-image:-webkit-linear-gradient(top, #eee, var(--color-white) 25px);
  border-radius:var(--radius-18);
  box-shadow:inset var(--space-0) calc(var(--space-1)*-1) #fff, inset var(--space-0) var(--space-1) var(--space-1) #0000000d;
  box-sizing:initial;
  cursor:pointer;
  display:block;
  height:var(--space-20);
  position:relative;
  vertical-align:top;
  width:var(--space-55);
}

.switch.ed-switch{
  width:var(--space-75);
}

.switch.ed-switch .switch-label:after{
  left:var(--space-12);
}

.switch.ed-switch .switch-input:checked~.switch-handle{
  left:var(--space-56);
}

.switch-input-wrapper-v1 .switch-input:checked~.switch-label{
  background-color:var(--color-tertiary-500) !important;
  border:none;
  padding:var(--space-5) var(--space-30);
  top:calc(var(--space-5)*-1)
}

.switch-input-wrapper-v1 .switch-input~.switch-label{
  background-color:var(--color-badge-grey-text) !important;
  border:none;
  padding:var(--space-5) var(--space-30);
  top:calc(var(--space-5)*-1)
}

.switch-input-wrapper-v1 .switch-input~.switch-handle{
  background:var(--color-white);
  box-shadow:none;
  height:var(--space-24);
  left:var(--space-4);
  top:calc(var(--space-2)*-1);
  width:var(--space-24);
}

.switch-input-wrapper-v1 .switch-input~.switch-label::before{
  font-size:var(--font-12);
  top:var(--space-15);
}

.switch-input-wrapper-v1 .switch-input:checked~.switch-handle{
  background:var(--color-white);
  box-shadow:none;
  height:var(--space-24);
  left:var(--space-33);
  top:calc(var(--space-2)*-1);
  width:var(--space-24);
}

.switch-input-wrapper-v1 .switch-label::after{
  font-size:var(--font-12);
  left:var(--space-11);
  top:var(--space-15-5);
}

.switch-input-wrapper-v1 .input-component,.switch-input-wrapper-v1 .input-component.f-direction-column{
  flex-direction:row;
}

.true-false-switch{
  border-radius:var(--radius-0);
  border-radius:var(--radius-4);
  height:var(--space-35);
  overflow:hidden;
  width:var(--space-100);

}

.true-false-switch .switch-input:checked~.switch-label{
  background:var(--color-grey-100) !important;
  top:var(--space-0);

}

.true-false-switch .switch-input:checked~.switch-label::before{
  color:var(--color-white) !important;
}

.true-false-switch .switch-input:checked~.switch-label::after{
  color:var(--color-grey-500) !important;
}

.true-false-switch .switch-input:checked~.switch-handle{
  background:var(--color-success-400);
  left:var(--space-50);
}

.true-false-switch .switch-input~.switch-handle{
  background:var(--color-error-400);
  color:var(--color-white);
}

.true-false-switch .switch-label{
  background-color:var(--color-grey-100);
  border:none;
  color:var(--color-grey-500);
  top:var(--space-0);

}

.switch-input{
  box-sizing:initial;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
}

.switch-label{
  background:var(--color-badge-grey-text);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:inherit;
  box-shadow:none;
  box-sizing:initial;
  display:block;
  font-size:var(--font-11);
  font-weight:var(--font-weight-500);
  height:inherit;
  position:relative;
  top:calc(var(--space-2)*-1);
}


.switch-label:after,.switch-label:before{
  box-sizing:initial;
  line-height:var(--line-height-1);
  margin-top:-.5em;
  position:absolute;
  top:50%;
  transition:inherit;
}

.switch-label:before{
  content:attr(data-off);
  right:var(--space-11);
}

.switch-label:after,.switch-label:before{
  color:var(--color-white);
  font-weight:var(--font-weight-500);
  top:var(--space-11);
}

.switch-label:after{
  content:attr(data-on);
  display:none;
  left:var(--space-7);
}

.true-false-switch .switch-label:before{
  color:var(--color-grey-500);
  content:attr(data-on);
  font-weight:var(--font-weight-500);
  right:var(--space-11);
  top:var(--space-11);
}

.true-false-switch .switch-label:after{
  color:var(--color-white);
  content:attr(data-off);
  display:block;
  font-weight:var(--font-weight-500);
  left:var(--space-7);
  top:var(--space-11);
  z-index:99;
}

.switch-input:checked~.switch-label{
  background:var(--color-tertiary-500) !important;
  position:relative;
  top:calc(var(--space-2)*-1);
}

.switch-input:checked~.switch-label:before{
  display:none;
  position:relative;
  top:calc(var(--space-2)*-1);
}

.switch-input:checked~.switch-label:after{
  display:block;
}

.true-false-switch .switch-input:checked~.switch-label:before{
  display:block;
  position:absolute;
  top:var(--space-11);
}

.switch-handle{
  background:linear-gradient(to bottom, var(--color-white) 40%, var(--color-grey-100));
  background-image:-webkit-linear-gradient(top, var(--color-white) 40%, #f0f0f0);
  border-radius:100%;
  box-shadow:var(--space-1) var(--space-1) var(--space-5) #0003;
  height:var(--space-15);
  left:var(--space-4);
  position:absolute;
  top:var(--space-2);
  width:var(--space-15);
}

.switch-input:checked~.switch-handle{
  box-shadow:calc(var(--space-1)*-1) var(--space-1) var(--space-5) #0003;
  left:var(--space-36);
}

.true-false-switch .switch-label:before{
  z-index:999;
}

.true-false-switch .switch-handle{
  border-radius:var(--radius-0);
  box-shadow:none !important;
  height:var(--space-35);
  left:var(--space-0);
  top:var(--space-0);
  width:var(--space-50);
  z-index:9
}


.true-false-switch .switch-label::after,.true-false-switch .switch-label::before{
  margin-top:0;
}

.switch-handle,.switch-label{
  transition:All .3s ease;
  -webkit-transition:All .3s ease;
  -moz-transition:All .3s ease;
  -o-transition:All .3s ease;
}

.quantity{
  position:relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:var(--space-0);
}

input[type=number]{
  -moz-appearance:textfield;
}

.quantity input{
  border:var(--space-1) solid var(--color-grey-400);
  display:block;
  float:left;
  height:var(--space-42);
  line-height:var(--line-height-1-65);
  margin:var(--space-0);
  padding:var(--space-0);
  padding-left:var(--space-20);
  width:100%;
}

.quantity input:focus{
  outline:var(--space-0);
}

.quantity-nav{
  float:left;
  height:var(--space-42);
  position:relative;
}

.quantity-button{
  border-left:var(--space-1) solid var(--color-grey-100);
  color:var(--color-content-primary);
  cursor:pointer;
  font-size:var(--font-13);
  line-height:var(--line-height-1-7);
  position:relative;
  text-align:center;
  transform:translateX(-100%);
  -webkit-user-select:none;
  -o-user-select:none;
  user-select:none;
  width:var(--space-20);
}

.quantity-button.quantity-up{
  border-bottom:var(--space-1) solid var(--color-grey-100);
  height:50%;
  position:absolute;
  top:0;
}

.quantity-button.quantity-down{
  bottom:calc(var(--space-1)*-1);
  height:50%;
  position:absolute;
}
.range-slider{
  margin:var(--space-10) var(--space-0) var(--space-0) 0;
  width:100%;
}

.range-slider__range{
  -webkit-appearance:none;
  background:var(--color-tertiary-500);
  border-radius:var(--radius-5);
  display:inline;
  height:var(--space-10);
  margin:var(--space-0);
  outline:none;
  padding:var(--space-0);
  width:80%;
}

.range-slider__range::-webkit-slider-thumb{
  appearance:none;
  background:var(--color-tertiary-500);
  border-radius:var(--radius-full);
  cursor:pointer;
  height:var(--space-20);
  -webkit-transition:.15s ease-in-out;
  transition:.15s ease-in-out;
  width:var(--space-20);
}

.range-slider__range::-webkit-slider-thumb:hover,.range-slider__range:active::-webkit-slider-thumb{
  background:var(--color-tertiary-500);
}

.range-slider__range::-webkit-range-thumb{
  border:var(--space-0);
  border-radius:var(--radius-full);
  cursor:pointer;
  height:var(--space-20);
  transition:.15s ease-in-out;
  -webkit-transition:.15s ease-in-out;
  width:var(--space-20);
}

.range-slider__range::-moz-range-thumb{
  border:var(--space-0);
  border-radius:var(--radius-full);
  cursor:pointer;
  height:var(--space-20);
  -moz-transition:.15s ease-in-out;
  transition:.15s ease-in-out;
  -webkit-transition:.15s ease-in-out;
  width:var(--space-20);
}

.range-slider__range::-moz-range-thumb:hover,.range-slider__range:active::-moz-range-thumb{
  background:var(--color-tertiary-500);
}

.range-slider__range:focus::-webkit-slider-thumb{
  box-shadow:var(--space-0) var(--space-0) var(--space-0) var(--space-3) var(--color-white), var(--space-0) var(--space-0) var(--space-0) var(--space-6) var(--color-tertiary-500);
}

.range-slider__value{
  background:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-3);
  color:var(--color-black);
  display:inline-block;
  line-height:var(--line-height-20);
  margin-left:var(--space-8);
  padding:var(--space-5) var(--space-10);
  position:relative;
  text-align:center;
  width:var(--space-60);
}

.range-slider__value:after{
  border-bottom:var(--space-7) solid #0000;
  border-right:var(--space-7) solid var(--color-grey-400);
  border-top:var(--space-7) solid #0000;
  content:"";
  height:0;
  left:calc(var(--space-7)*-1);
  position:absolute;
  top:var(--space-8);
  width:var(--space-0);
}

::-moz-range-track{
  background:var(--color-border-grey);
  border:var(--space-0);
}

input::-moz-focus-inner,
input::-moz-focus-outer{
  border:var(--space-0);
}
.chooseavatar{
  align-items:center;
  display:flex;
  justify-content:space-around;
  margin-top:var(--space-15);
}

.avtar{
  text-transform:uppercase;
}

.imgbody{
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  margin:var(--space-10);
  padding:var(--space-10) var(--space-10) var(--space-0);
  position:relative;
}

.imgbody img{
  height:var(--space-120);
  position:relative;
  top:var(--space-7)
}
.file-upload{
  background-color:var(--color-white);
}

.file-upload-btn{
  background:var(--color-success-600);
  border:none;
  border-bottom:var(--space-4) solid var(--color-success-700);
  border-radius:var(--radius-4);
  color:var(--color-white);
  font-weight:var(--font-weight-700);
  margin:var(--space-0);
  outline:none;
  padding:var(--space-10);
  text-transform:uppercase;
  transition:all .2s ease;
  width:100%;
}

.image-upload-wrap::-webkit-scrollbar,.multi-file-upload .image-upload-wrap::-webkit-scrollbar{
  display:none
}

.file-upload-btn:hover{
  background:var(--color-success-600);
  color:var(--color-white);
  cursor:pointer;
  transition:all .2s ease;
}

.file-upload-btn:active{
  border:var(--space-0);
  transition:all .2s ease;
}

.file-upload-content{

  display:none;
  text-align:center;
}

.file-upload-input{
  border:none;
  bottom:var(--space-0);
  color:#0000;
  cursor:pointer;
  margin:var(--space-0);
  max-height:var(--space-39);
  opacity:1;
  outline:none;
  padding:var(--space-0);
  position:absolute;
  right:0;
  width:var(--space-92);
}

.file-upload-input::-webkit-file-upload-button{
  visibility:hidden;
}

.file-upload-input::before{
  background-color:var(--color-tertiary-500);
  border:var(--space-1) solid var(--color-grey-500);
  border-radius:var(--radius-3);
  color:var(--color-white);
  content:"Choose file";
  cursor:pointer;
  display:inline-block;
  font-size:10pt;
  font-weight:var(--font-weight-700);
  outline:none;
  padding:var(--space-5) var(--space-8);
  -webkit-user-select:none;
  white-space:nowrap;
}

.image-upload-wrap{
  border:var(--space-2) dashed var(--color-grey-300);
  height:var(--space-150);
  margin-top:var(--space-10);
  overflow-y:scroll;
  position:relative;
}

.image-dropping,
.image-upload-wrap:hover{
  background-color:var(--color-grey-100);
  border:var(--space-2) dashed var(--color-white);
}

.image-title-wrap{
  color:var(--color-content-primary);
  padding:var(--space-0) var(--space-15) var(--space-15) var(--space-15);
}
.file-upload-cont{
  background-color:var(--color-white);
  margin:var(--space-0) auto;
}

.input-file-wraper{
  align-items:center;
  align-self:stretch;
  background:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  cursor:pointer;
  display:flex;
  gap:var(--space-10);
  height:var(--space-46);
  justify-content:start;
  padding:var(--space-10) var(--space-12);
}

.main-file-input::-webkit-file-upload-button{
  visibility:hidden;
}

.main-file-input{
  border:none;
  bottom:var(--space-0);
  color:#0000;
  cursor:pointer;
  display:none;
  left:0;
  margin:var(--space-0);
  max-height:var(--space-39);
  opacity:1;
  outline:none;
  padding:var(--space-0);
  width:100%;
}

.main-file-input:focus{
  border:#0000;
  outline:#0000;
}

.main-file-input::before{
  background-color:initial;
  color:var(--color-tertiary-500);
  content:"Choose Kubeconfig File";
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-14);
  font-weight:var(--font-weight-500);
  outline:none;
  padding:var(--space-5) var(--space-8);
  user-select:none;
  -webkit-user-select:none;
  white-space:nowrap;
}

.drag-text{
  margin-top:var(--space-0);
  text-align:center;
}

.drag-text h3{
  color:var(--color-badge-grey-text);
  font-weight:var(--font-weight-100);
  padding:var(--space-15) var(--space-0);
}

.file-upload-image{
  margin:auto;
  max-height:var(--space-200);
  max-width:var(--space-200);
  padding:var(--space-20);
}

.icon_cd{
  width:var(--space-50);
}

.remove-image{
  background:var(--color-grey-500);
  border:none;
  border-bottom:var(--space-4) solid var(--color-grey-500);
  border-radius:var(--radius-4);
  color:var(--color-white);
  font-weight:var(--font-weight-700);
  margin:var(--space-0);
  outline:none;
  padding:var(--space-10);
  text-transform:uppercase;
  transition:all .2s ease;
  width:var(--space-200);
}

.remove-image:hover{
  background:var(--color-white);
  color:var(--color-black);
  cursor:pointer;
  transition:all .2s ease;
}

.remove-image:active{
  border:var(--space-0);
  transition:all .2s ease;
}

.MuiSlider-rail{
  background-color:var(--color-badge-grey-bg) !important;
  opacity:1 !important;
  width:100%;
}

.MuiSlider-rail,.MuiSlider-track{
  border-radius:var(--radius-8) !important;
  display:block;
  height:var(--space-8) !important;
  position:absolute;
}

.MuiSlider-thumb,.MuiSlider-track{
  background-color:var(--color-tertiary-500) !important;
}

.MuiSlider-thumb{
  align-items:center;
  border-radius:var(--radius-full);
  box-sizing:border-box;
  display:flex;
  height:var(--space-18) !important;
  justify-content:center;
  margin-left:calc(var(--space-6)*-1);
  outline:var(--space-0);
  position:absolute;
  transition:box-shadow .15s cubic-bezier(.4, 0, .2, 1) 0s;
  width:var(--space-18) !important;
}

.range-slider-input{
  padding:var(--space-12);
  width:var(--space-48);
}

.MuiSlider-root{
  width:80% !important;
}

.pageHeading{
  border-bottom:var(--space-1) solid var(--color-grey-400);
  font-size:var(--font-12);
  margin-bottom:var(--space-15);
  padding:var(--space-10) var(--space-0);
}

.grid-container,.pageHeading{
  font-weight:var(--font-weight-400);
}

.grid-container{
  display:grid;
  grid-template-columns:auto auto var(--space-75);
  grid-gap:var(--space-5);
  align-items:center;
  font-size:var(--font-13);
  margin-bottom:var(--space-5);
  margin-top:var(--space-5);
  padding:var(--space-0) var(--space-2-5);
  text-align:center;
}

.border_bottom{
  border-bottom:var(--space-2) solid var(--color-black);
}

.border-right-d5{
  border-right:var(--space-1) solid var(--color-border-grey);
}

.border-right{
  border-right:var(--space-1) solid var(--color-border-grey) !important;
}

.border-right-d5:last-child{
  border-right:var(--space-0);
}

.transparent-btn{
  align-items:center;
  background-color:initial;
  border:none;
  color:var(--color-info-600);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  justify-content:space-around;
  padding:var(--space-2-5);
}

.hollow-delete-btn{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-badge-red-bg);
  border-radius:var(--radius-6);
  color:var(--color-error-600) !important;
  font-weight:var(--font-weight-600);
  gap:var(--space-6);
  height:var(--space-40);
  padding:var(--space-8) var(--space-12);
  width:var(--space-40);
}

.hollow-delete-btn:hover{
  background-color:var(--color-error-600);
  border-color:var(--color-error-600);
  color:var(--color-white) !important;
}

.multi-row-add-btn{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-tertiary-500);
  border-radius:var(--radius-8);
  color:var(--color-tertiary-500) !important;
  height:var(--space-44);
  padding:var(--space-12) var(--space-0) var(--space-12) var(--space-0);
}

.multi-row-add-btn:hover{
  background-color:var(--color-tertiary-500);
  border-color:var(--color-tertiary-500);
  color:var(--color-white) !important;
}

.delete-btn{
  background-color:var(--color-grey-100);
  border:var(--space-1) solid var(--color-badge-red-bg);
  border-radius:var(--radius-4);
  color:var(--color-error-500);
  height:var(--space-30);
  line-height:.9;
  margin:var(--space-2);
  width:var(--space-30)
}

.delete-outline-btn{
  background-color:initial;
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-6);
  color:var(--color-error-500);
  padding:var(--space-10);
}

.delete-outline-btn:hover{
  background-color:var(--color-error-500);
  border:var(--space-1) solid var(--color-error-500);
  color:var(--color-white);
  cursor:pointer;
}

.cancel-btn{
  color:var(--color-border-grey)
}

.add-button-icon,.cancel-btn{
  background-color:var(--color-grey-100);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  height:var(--space-30);
  line-height:.9;
  margin:var(--space-2);
  width:var(--space-30)
}

.add-button-icon{
  color:var(--color-tertiary-500)
}

.inputLabel{
  color:var(--color-grey-600);
  font-size:var(--font-12);
  text-align:center;

}

.d-flex .grid-input{
  width:86%;
}

.grid-input{
  align-items:center;
  background-color:var(--color-grey-100);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  display:grid;
  grid-template-columns:25% 75%;
}

.grid-input .input-component{
  margin-bottom:var(--space-0) !important;
  width:100% !important;
}

.grid-input .input-component input{
  border:none;
  border-left:var(--space-1) solid var(--color-border-grey);
}

.image-container{
  align-items:center;
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-8);
  box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
  display:flex;
  height:var(--space-145);
  justify-content:center;
  padding:var(--space-10);
  text-align:center;
  width:16%;
}

.image-container img{
  display:inline-block;
  height:var(--space-50);
  margin:auto;
  margin-top:var(--space-25);
}

.image-container .main-text{
  color:var(--color-black);
  font-size:var(--font-11);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1);
}

.image-upload-chip-parent{
  display:flex;

  flex-wrap:wrap;
}

.text-ellipsis-65{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:var(--space-65);
}

.text-ellipsis-80{
  width:var(--space-80);
}

.text-ellipsis-110{
  width:var(--space-100);
}

.text-ellipsis-60{
  max-width:var(--space-60);
}

.text-ellipsis-60,.text-ellipsis-80{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text-ellipsis-80{
  max-width:var(--space-80);
}

.text-ellipsis-100{
  max-width:var(--space-100);
}

.text-ellipsis-100,.text-ellipsis-110{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text-ellipsis-110{
  max-width:var(--space-110);
}

.text-ellipsis-120{
  display:inline-block;
  max-width:var(--space-120);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text-ellipsis-150{
  max-width:var(--space-150) !important;
}

.text-ellipsis-150,.text-ellipsis-170{
  display:inline-block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.text-ellipsis-170{
  max-width:var(--space-170) !important;
}

.text-ellipsis-200{
  max-width:var(--space-200) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.text-ellipsis-60percent{
  width:60%;
}

.text-ellipsis-250,.text-ellipsis-60percent{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text-ellipsis-250{
  width:var(--space-250);
}

.text-ellipsis-300{
  width:var(--space-300);
}

.image-upload-chip,.text-ellipsis-300{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.image-upload-chip{
  background-color:var(--color-grey-500);
  border-radius:var(--radius-4);
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  margin:var(--space-5);
  max-width:var(--space-180);
  padding:var(--space-6) var(--space-16);
}

.image-upload-chip p{
  color:var(--color-white);
  font-size:var(--font-13);
  font-weight:var(--font-weight-400);
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  width:var(--space-100);
}

.image-upload-chip .transparent-btn{
  background-color:var(--color-grey-500);
  color:var(--color-white);
}

.image-upload-chip>.transparent-btn>.MuiSvgIcon-root{
  font-size:var(--font-14) !important;
}

.btn-ci{
  background-color:var(--color-tertiary-500) !important;
  border-color:var(--color-tertiary-500);
  color:var(--color-white) !important;
}

.btn-ci:hover{
  background-color:var(--color-tertiary-600) !important;
}

.btn-green-navi{
  align-items:center;
  background-color:var(--color-success-500);
  border:none;
  border-radius:var(--radius-4);
  box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-14);
  font-weight:var(--font-weight-700);
  height:100%;
  justify-content:center;
  min-width:var(--space-150);
  padding:var(--space-6) var(--space-16);
}

.btn-green-navi .MuiSvgIcon-root{
  font-size:var(--font-20) !important;
}

.btn-blue-navi{
  align-items:center;
  background-color:var(--color-tertiary-500);
  border:none;
  border-radius:var(--radius-4);
  box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:100%;
  justify-content:space-between;
  min-width:var(--space-100);
  padding:var(--space-6) var(--space-16);
}

.btn-blue-navi .MuiSvgIcon-root{
  font-size:var(--font-20) !important;
}

.btn-grey-navi{
  align-items:center;
  background-color:var(--color-grey-000);
  border:var(--space-2) solid var(--color-grey-300) !important;
  border-radius:var(--radius-4) !important;
  color:var(--color-black);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:100%;
  justify-content:center;
  line-height:var(--line-height-1-4);
  min-width:var(--space-100);
  padding:var(--space-8) var(--space-16) var(--space-8) var(--space-12) !important;
}

.btn-grey-navi .MuiSvgIcon-root{
  font-size:var(--font-20) !important;
}

.text-center{
  text-align:center !important;
}

.text-left{
  text-align:left !important;
}

.text-right{
  text-align:right !important;
}
.card-grid{
  display:grid;
  grid-template-columns:var(--space-150) auto var(--space-350);
  grid-gap:var(--space-10);
}

.text-card-grid{
  color:var(--color-grey-500);
  font-weight:var(--font-weight-400);
}

.tag,.text-card-grid{
  font-size:var(--font-12)
}

.tag{
  border:var(--space-2) solid #0000;
  color:#0000;
  margin:var(--space-2);
  padding:var(--space-3) var(--space-5);
  width:fit-content
}

.tag,.tag-outline-primary{
  background-color:initial
}

.tag-outline-primary{
  border-color:var(--color-tertiary-500);
  color:var(--color-tertiary-500)
}

.tag-group .tag{
  display:inline-block;
}

.tag-group .tag:first-child{
  margin-left:var(--space-0);
}

.tag-group .tag:last-child{
  margin-right:var(--space-0);
}

.green-chip{
  align-items:center;
  background-color:var(--color-success-400);
  border-radius:var(--radius-24);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-13);
  font-weight:var(--font-weight-500);
  justify-content:center;
  line-height:var(--line-height-1);
  margin-left:var(--space-2-5);
  margin-right:var(--space-2-5);
  padding:var(--space-10);
}

.green-chip .icon-part,.green-chip .text-part{
  margin:var(--space-0) var(--space-2-5);
}

.card-footer-ci{
  align-items:center;
  background-color:var(--color-grey-000);
  border-top:var(--space-1) solid var(--color-border-grey);
  display:flex;
  justify-content:flex-end;
  padding:var(--space-10) var(--space-15);
}

.grey-chip{
  background-color:var(--color-grey-100);
  border-radius:var(--radius-24);
  color:var(--color-grey-400);
  font-size:var(--font-13);
  margin-left:var(--space-2-5);
  margin-right:var(--space-2-5);
  padding:var(--space-10);
}

.black-chip,.grey-chip{
  align-items:center;
  display:flex;
  font-weight:var(--font-weight-400);
  justify-content:center;
  line-height:var(--line-height-1);
}

.black-chip{
  background-color:var(--color-primary-500);
  border-radius:var(--radius-4);
  color:var(--color-white);
  font-size:var(--font-12);
  height:var(--space-25);
  margin:var(--space-2-5);
  padding:var(--space-5);
}

.black-chip .icon-part{
  background-color:initial;
  border:none;
  color:var(--color-white);
  line-height:var(--line-height-1);
}

.black-chip>.icon-part>.MuiSvgIcon-root{
  font-size:var(--font-15);
  margin:var(--space-3) var(--space-3) var(--space-0);
}

.black-chip>.icon-part>.MuiSvgIcon-root:hover{
  cursor:pointer;
}

.config-data{
  display:grid;
  grid-template-columns:65% auto;
  grid-gap:var(--space-10);
}

.config-data input[type="file"]{
  color:var(--color-primary-500);
  font-size:var(--font-12);
}

.up-down-btn{
  background-color:var(--color-grey-100);
  border:var(--space-1) solid var(--color-badge-red-bg);
  border-radius:var(--radius-4);
  color:var(--color-primary-500);
  font-size:var(--font-14);
  height:var(--space-50);
  margin-bottom:var(--space-20);
  margin-left:var(--space-2-5);
  margin-right:var(--space-2-5);
  padding:var(--space-10) var(--space-5);
  width:var(--space-50);
}

input.chip-input[type="text"]::after{
  content:"he";
}
.tags-input{
  align-items:center;
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  min-height:var(--space-50);
  padding:var(--space-5);
}

.tags-input,.tags-input-v2{
  display:flex;
  flex-wrap:wrap;
  width:auto;
}

.tags-input-v2{
  align-items:flex-start;
  background-color:#fff;
  border:1px solid #b7b7b7;
  border-radius:4px;
  gap:.5rem;
  min-height:40px;
  padding:.5rem;
}

.tags-input textarea{
  align-self:baseline;
  margin-top:var(--space-10);
  width:100%;
}

.chips-container{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
  max-width:70%;
}

.tags-input-v2 textarea{
  border:none;
  flex:1 1;
  margin:0;
  min-width:0;
  padding:.5rem;
}

.textarea{
  background-color:var(--color-white);
  border:none;
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  color:var(--color-badge-grey-text);
  display:block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-2);
  margin:var(--space-0);
  padding:var(--space-10) var(--space-14);
  position:relative;
  width:100%;
}

.textarea:focus{
  border:var(--space-1) solid var(--color-primary-500) !important;
  outline:var(--space-0) !important;
}

.label{
  color:var(--color-grey-600);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
}

.tags-input textarea,.tags-input textarea:focus,.tags-input-v2 textarea:focus{
  border:none;
  outline:none;
}

.tags-input input{
  border:var(--space-0);
  outline:var(--space-0);
}

.tags-input-v2 input{
  border:0;
  outline:0;
}

.tags-input input:focus{
  border:var(--space-0) !important;
  outline:var(--space-0) !important;
}

.tags-input input:focus .tags-input{
  border:var(--space-1) solid var(--color-black);
}
.top-section{
  align-self:center;
  display:flex;
  justify-content:space-around;
  margin:var(--space-100) var(--space-50) 0;
}

.landing-imgbox{
  align-content:center;
  display:flex;
  justify-content:center;
  left:var(--space-40);
  position:relative;
  top:var(--space-40);
  width:100%;
}

.Landing-content{
  margin:var(--space-0) 2rem 5rem 2rem;
  padding:var(--space-10);

}

.Landing-content .avtar{
  align-items:center;
  background-color:var(--color-primary-500);
  border-radius:var(--radius-full);
  display:flex;
  flex-shrink:0;
  font-size:var(--font-15);
  font-weight:var(--font-weight-700);
  height:var(--space-40);
  justify-content:center;
  overflow:hidden;
  position:relative;
  -webkit-user-select:none;
          user-select:none;
  width:var(--space-40);
}

.Landing-content .avtar,.Landing_intro{
  color:var(--color-white);
  line-height:var(--line-height-1);
}

.Landing_intro{
  font-size:var(--font-36);
  font-weight:var(--font-weight-900);
  margin:var(--space-0) var(--space-30) var(--space-10);
  padding:var(--space-0) var(--space-10);
}

.btn-btn{
  background-image:none;
  border:var(--space-1) solid #0000;
  border-radius:var(--radius-4);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  height:var(--space-42);
  line-height:var(--line-height-2);
  margin-bottom:var(--space-0);
  padding:var(--space-6) var(--space-12);
  text-align:center;
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
  white-space:nowrap;
}

.btn-success,.btn-success span.ri-arrow-right-s-fill{
  color:var(--color-white);
}

.btn-success{
  background-color:var(--color-success-500);
  border-color:var(--color-success-500);
}

a.btn-success{
  color:var(--color-white);
}

.text-small{
  color:var(--color-info-400);
  font-size:var(--font-14);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1-5);
  margin:var(--space-0) var(--space-30);
  padding:var(--space-0) var(--space-10);
}

.flex-item{
  align-items:center;
  display:flex !important;
}

.Landing-content>.card{
  border-radius:var(--radius-10);
  margin-left:var(--space-60);
  margin-top:var(--space-50);
  padding:var(--space-20);
  width:var(--space-500);
}

.heading_landing{
  font-size:var(--font-24);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1);
  text-align:center;
}

.heading_landing span{
  border-bottom:var(--space-2) solid var(--color-tertiary-500);
}

.image-card-box{
  align-items:center;
  display:grid;
  gap:var(--space-10);
  grid-template-columns:var(--space-180) var(--space-180);
  justify-content:center;
  padding:var(--space-30) var(--space-10);
}

.Landing-content .card>.btn-green-navi{
  background-color:var(--color-success-500);
  border:none;
  border-radius:var(--radius-4);
  box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-16);
  font-weight:var(--font-weight-700);
  height:100%;
  justify-content:center;
  margin-left:var(--space-40);
  min-width:var(--space-150);
  padding:var(--space-10);
}

.card-img{
  align-items:center;
  border-radius:var(--radius-10);
  flex-direction:column;
  height:var(--space-200);
  padding:var(--space-20);
}

.card-img,.card-img img{
  display:flex;
  justify-content:center;

}

.card-img img{
  height:var(--space-60);
  margin:var(--space-20) auto;

}

.card-img p{
  color:var(--color-content-primary);
  display:flex;
  font-size:var(--font-14);
  font-weight:var(--font-weight-900);
  justify-content:center;
  line-height:var(--line-height-1-2);
}

.card-img:first-child{
  background-color:var(--color-pastel-green);
}

.card-img:nth-child(2){
  background-color:var(--color-secondary-100);
}

.card-img:nth-child(3){
  background-color:var(--color-tertiary-100);
}

.card-img:last-child{
  background-color:var(--color-pastel-blue-2);
}
.marginTop-3{
  margin-top:var(--space-30);
}

.page-heading{
  color:var(--color-black);
  font-size:var(--font-24);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1-5);
}

.subtext{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
  line-height:var(--line-height-1);
}

.data-card{
  border-radius:var(--radius-8);
  height:var(--space-100);
  padding:var(--space-10);
}

.data-card,.data-card-icon{
  align-items:center;
  box-shadow:.877px 1.798px var(--space-14) var(--space-0) #00000026;
  display:flex;
  justify-content:center;
}

.data-card-icon{
  background-color:var(--color-white);
  border-radius:var(--radius-full);
  height:var(--space-50);
  margin-right:var(--space-7-5);
  width:var(--space-50);
}

.data-card-icon img{
  width:var(--space-24);
}

.data-card-text{
  margin-left:var(--space-7-5);
}

.data-card-text h3{
  font-size:var(--font-40);
  font-weight:var(--font-weight-300);
}

.data-card-text h3,.data-card-text p{
  color:var(--color-white);
  line-height:var(--line-height-1);
}

.data-card-text p{
  font-size:var(--font-13);
  font-weight:var(--font-weight-400);
  text-transform:uppercase;
}

.section-overview{
  border-bottom:var(--space-1) solid var(--color-grey-400);
  padding-bottom:var(--space-20);
}

.heading-section,.section-overview{
  margin-bottom:var(--space-20);
  width:100%;
}

.heading-section{
  margin-top:var(--space-10);
}

.dashboard-card{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8);
  box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
  margin-bottom:var(--space-15);
  position:relative;
  width:100%;
  z-index:9
}

.dashboard-card-header{
  align-items:center;
  background-color:var(--color-white);
  border-radius:var(--radius-8) 8px var(--space-0) var(--space-0);
  display:grid;
  grid-template-columns:auto auto;
  justify-content:space-between;
  padding:var(--space-10) var(--space-15);
}

.header-left-content,.header-right-content{
  align-items:center;
  display:flex;
  justify-content:center;
}

.dashboard-card-subheader{
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-top:var(--space-1) solid var(--color-border-grey);
  display:grid;
  grid-template-columns:15% 25% 45% 15%;
  padding:var(--space-10) var(--space-15);
}

.dashboard-card-subheader p{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
  padding:var(--space-0) var(--space-10);
}

.dashboard-card-body{
  background-color:var(--color-white);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-0) var(--space-0) 8px 8px;
  display:grid;
  grid-template-columns:15% 25% 45% 15%;
  padding:var(--space-10) var(--space-15);
}

.dashboard-card-body>div{
  padding:var(--space-0) var(--space-10);
}

.service-name{
  font-size:var(--font-14);
  font-weight:var(--font-weight-500);
  margin-right:var(--space-2-5);

}

.service-status{
  margin:var(--space-0) var(--space-2-5);
}

.bullet-text{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
}

.visit-url{
  margin:var(--space-0) var(--space-2-5);
}

.visit-url,.visit-url a{
  color:var(--color-primary-500);
}

.visit-url a{
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
}

.status-url{
  display:none;
}

.visit-url:hover .status-url{
  display:inline-block
}

.btn-toggle{
  background-color:initial;
  border:none;
  cursor:pointer;
  outline:none;
}

.chip-grey{
  background-color:var(--color-grey-400)
}

.chip-green,.chip-grey{
  align-items:center;
  border-radius:var(--radius-4);
  color:var(--color-white);
  display:inline-block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  justify-content:center;
  margin:var(--space-2-5);
  padding:var(--space-5) var(--space-10);
  text-align:center
}

.chip-green{
  background-color:var(--color-success-500)
}

.details{
  margin:var(--space-2-5);
}

.details .main-text{
  color:var(--color-black);
  font-size:var(--font-12);
}

.details .sub-text{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
}

input.replica-count{
  margin:var(--space-0) var(--space-10);
  max-height:var(--space-30);
  max-width:var(--space-80);
  padding:var(--space-12) var(--space-8);
}

.replica{
  align-items:center;
  display:flex;
  margin:var(--space-10) var(--space-0);
}

.monitor-box>.visit-url a{
  color:var(--color-primary-500);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
}

.monitor-box>.visit-url{
  align-items:center;
  display:flex;
}

.monitor-box>.visit-url img{
  display:inline-block;
  margin-right:var(--space-5);
  width:var(--space-12);
}

.progress-container{
  align-items:center;
  display:flex;
  justify-content:flex-start;
}

.progress-container>.progress{
  margin:var(--space-0) var(--space-5);
  position:relative;
}

.progress-container>.progress:first-child{
  margin-left:var(--space-0);
}

.progress-container>.progress:last-child{
  margin-right:var(--space-0);
}

.progress-container>.progress .text-progress{
  color:var(--color-badge-grey-text);
  font-size:var(--font-9);
  line-height:var(--line-height-1-2);
  position:absolute;
  text-align:center;
  top:var(--space-32);
  width:100%;
}

.text-progress p:first-child{
  color:var(--color-black);
  font-size:var(--font-11) !important;
}

.CircularProgressbar{
  margin:var(--space-0) var(--space-10);
  width:var(--space-80) !important;
}

.CircularProgressbarNew{
  border-radius:var(--radius-full);
  box-shadow:var(--space-0) 5.479px 5.479px var(--space-0) #00000029;
  margin:var(--space-0);
  width:100% !important;
}

.CircularProgressbarWithChildren{
  margin-top:-110% !important;
}

.CircularProgressbar-text{
  color:var(--color-black) !important;
  font-size:var(--font-12) !important;
}

.usage>.CircularProgressbar .CircularProgressbar-text{
  fill:var(--color-black) !important;
}

.CircularProgressbar .CircularProgressbar-text{
  dominant-baseline:middle;
  fill:var(--color-black) !important;
  font-size:var(--font-20);
  text-anchor:middle;
}

.text-grey{
  color:var(--color-badge-grey-text);
}

.Service-section-heading{
  align-items:center;
  display:flex;
  justify-content:space-between;
}


.main-heading{
  font-size:var(--font-18);
}

.main-heading,.main-heading-new{
  color:var(--color-content-primary);
  font-style:normal;
  font-weight:var(--font-weight-500);
  line-height:normal;
}

.main-heading-new{
  font-size:var(--font-20);
}

.sub-heading{
  color:var(--color-badge-grey-text);
  line-height:var(--line-height-1-5);
}

.sub-heading,.sub-heading-new{
  font-weight:var(--font-weight-400);
}

.sub-heading-new{
  color:var(--color-content-secondary);
  font-size:var(--font-12);
  font-style:normal;
  line-height:normal;
}

.left-items{
  align-self:center;
  display:flex;
  justify-content:center;
}

.panel-heading{
  font-size:var(--font-14);
  padding:var(--space-0) var(--space-0) var(--space-0);

}

.icon{

  margin:auto;
  margin-right:var(--space-10);
}



.border-color-default{
  border-color:var(--color-badge-grey-bg) !important;
}

.right-items{
  align-items:center;
  display:flex;
  justify-content:center;
}

.search-container{
  margin-right:var(--space-5);
  position:relative;
  width:var(--space-240);
}

.search-container>.MuiSvgIcon-root{
  color:var(--color-grey-300);
  font-size:var(--font-32);
  position:absolute;
  right:var(--space-0);
  top:var(--space-10);
  z-index:999;
}

.select-service-dropdown{
  margin-left:var(--space-5);
  position:relative;
  width:var(--space-60);
}


.line{
  background-color:var(--color-primary-500);
  border-radius:var(--radius-15);
  display:inline-block;
  height:var(--space-15);
  width:var(--space-15);
}

.clear{
  clear:both;
}

.letter-holder{
  padding:var(--space-0);
}

.letter{
  color:var(--color-badge-grey-text);
  float:left;
  font-size:var(--font-14);
}

.loading{
  text-align:center;
}

.ring-1{
  border:var(--space-4) dashed var(--color-tertiary-400);
  border-radius:100%;
  height:var(--space-7);
  padding:var(--space-10);
  width:var(--space-7);
}

.loading-text{
  font-size:var(--font-11);
  margin:var(--space-0) var(--space-10);
}

.load-4{
  align-items:center;
  display:flex;
}

.load-4 .ring-1{
  animation:loadingD 1.5s cubic-bezier(.17, .37, .43, .67) .3s infinite;
}

@keyframes loadingD{
  0%{
    transform:rotate(0deg);
  }

  50%{
    transform:rotate(180deg);
  }

  100%{
    transform:rotate(1turn);
  }
}
.loading-text .letter{
  animation-direction:linear;
  animation-duration:1.6s;
  animation-iteration-count:infinite;
  animation-name:loadingF;
}

.l-1{
  animation-delay:.48s;
}

.l-2{
  animation-delay:.6s;
}

.l-3{
  animation-delay:.72s;
}

.l-4{
  animation-delay:.84s;
}

.l-5{
  animation-delay:.96s;
}

.l-6{
  animation-delay:1.08s;
}

.l-7{
  animation-delay:1.2s;
}

.l-8{
  animation-delay:1.32s;
}

.l-9{
  animation-delay:1.44s;
}

.l-10{
  animation-delay:1.56s;
}

.loading .line:nth-last-child(1){
  animation:loadingC .6s linear .1s infinite;
}

.loading .line:nth-last-child(2){
  animation:loadingC .6s linear .2s infinite;
}

.loading .line:nth-last-child(3){
  animation:loadingC .6s linear .3s infinite;
}

@keyframes loadingC{
  0%{
    transform:translate(0)
  }

  50%{
    transform:translateY(15px)
  }

  100%{
    transform:translate(0)
  }
}

@keyframes loadingF{
  0%{
    opacity:0;
  }

  100%{
    opacity:1;
  }
}


.content-center{
  align-items:center;
  background-color:#0003;
  display:flex;
  height:100vh;
  justify-content:center;
  z-index:99;
}

.full-width{
  width:100%;
}

.expensionPanelBody{
  height:var(--space-130);
}

.servicePanel{
  height:100%;
  padding:var(--space-0) var(--space-10);
}

.expensionPanelTab{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-grey-500) !important;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  justify-content:space-between;
  padding:var(--space-10) var(--space-8);
  text-align:center;
  width:100%;
}

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

.text-section-main{
  color:var(--color-black);
  font-size:var(--font-13);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1);
}

.text-section-sub{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1-2);
}

.icon-section{
  align-items:center;
  display:flex;
  margin-left:auto;
  position:relative;
}

.icon-section .hover-content{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-4) var(--space-8) #02044514;
  clear:both;
  color:var(--color-tertiary-500);
  display:none;
  left:var(--space-20);
  position:absolute;
  top:var(--space-10);
  width:var(--space-140);
  z-index:999999;
}

.icon-section:hover .hover-content{
  display:block;
}

.hover-content-link{
  align-items:center;
  color:var(--color-tertiary-500);
  display:flex;
  font-size:var(--font-12);
  padding:var(--space-11) var(--space-20) var(--space-9);
}

.hover-content-link:hover{
  background:#00000008;
}

.hover-content-link-more-option{
  align-items:center;
  color:var(--color-tertiary-500);
  display:flex;
  font-size:var(--font-12);
  padding:var(--space-11) var(--space-20) var(--space-9);
  padding-left:var(--space-6);
}

.hover-content-link-more-option:hover{
  background:#00000008;
}

.chip-hover-content{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8);
  box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
  height:var(--space-300);
  margin:auto;
  margin-bottom:var(--space-20);
  overflow-y:scroll;
  padding:var(--space-10);
  position:absolute;
  text-align:center;
  width:var(--space-220);
}

.chip-hover-content::-webkit-scrollbar{
  display:none;
}

.chip.chip-success{
  border:var(--space-2) solid var(--color-success-600);
  border-radius:var(--radius-4);
  color:var(--color-success-600);
}

.chip.chip-failed,.chip.chip-success{
  background-color:var(--color-white);
  display:inline-block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  margin:var(--space-2);
  padding:var(--space-2) var(--space-5);
  text-transform:capitalize;
}

.chip.chip-failed{
  border:var(--space-2) solid var(--color-error-400);
  border-radius:var(--radius-4);
  color:var(--color-error-400);
}

.chip-hover-content>.makeStyles-inrfaProvider-321{
  margin-bottom:var(--space-10);
}

.chip-hover-content>.makeStyles-inrfaProvider-321:last-child{
  margin-bottom:var(--space-0);
}


.group-name{
  color:var(--color-black);
}

.group-name,.user-count{
  font-size:var(--font-11);
  line-height:var(--line-height-1);
}

.user-count{
  color:var(--color-badge-grey-text);
}

.env-body-274{
  color:var(--color-black);
  font-size:var(--font-11);
  line-height:var(--line-height-1);
  text-align:center;
}

.ml-auto{
  margin-left:auto !important;
}

.btn-icon{
  min-height:var(--space-32);
}

.btn-icon,.btn-icon-square{
  background:#0000;
  border:none;
  border-radius:var(--radius-4);
  cursor:pointer;
  margin:var(--space-0) var(--space-3);
}

.btn-icon-square{
  background-color:var(--color-white);
  padding:var(--space-6);
}

.bg-purple-text-white{
  background-color:var(--color-info-700);
  color:var(--color-white);
}

.chip{
  background-color:initial;
  border-radius:var(--radius-4);
  color:var(--color-content-secondary);
  padding:var(--space-4) var(--space-8);
}

.chip-primary{
  font-size:var(--font-12);
  font-weight:var(--font-weight-700);
}

.chip-primary-outline{
  background-color:var(--color-pastel-blue-3);
  color:var(--color-tertiary-500);
}

.chip-primary-outline,.chip-success-outline{
  border:var(--space-1) solid var(--color-badge-blue-bg);
}

.chip-success-outline{
  background-color:var(--color-pastel-green);
  color:var(--color-success-500);
}


.chip-default{
  font-size:var(--font-11);
  min-width:var(--space-36)
}

.chip-default,.chip-default-blue{
  align-items:center;
  border-radius:var(--radius-25);
  box-shadow:var(--space-0) var(--space-1) var(--space-4) var(--space-0) #00000021;
  display:inline-block;
  justify-content:center;
  line-height:var(--line-height-2);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-2) var(--space-8) var(--space-0);
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chip-default-blue{
  background-color:var(--color-info-500);
  font-size:var(--font-12);
}

.chip-default-new{
  background:var(--color-pastel-blue-2);
  border-radius:var(--radius-6) 8px;
  color:var(--color-content-secondary);
  cursor:pointer;
  display:flex;

  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-500);
  gap:var(--space-10);
  height:var(--space-27);
  line-height:normal;
  padding:var(--space-6);
  text-transform:uppercase;
}

.chip-default-new,.chip-default-static{
  align-items:center;
  justify-content:center;
  text-align:center
}

.chip-default-static{
  border-radius:var(--radius-25);
  box-shadow:var(--space-0) var(--space-1) var(--space-4) var(--space-0) #00000021;
  display:inline-block;
  font-size:var(--font-11);
  line-height:var(--line-height-2);
  margin:var(--space-2);
  max-width:var(--space-160);
  overflow:hidden;
  padding:var(--space-2) var(--space-8);
  text-overflow:ellipsis;
  white-space:nowrap
}

.chip-default-job:hover,.chip-default:hover{
  cursor:pointer !important;
  transition:.2ms ease-in-out;
}

.chip-blue{
  background-color:var(--color-white);
  color:var(--color-tertiary-500);
}

.chip-border-dashed{
  background-color:#fcfcfc;
  border:var(--space-1) dashed var(--color-tertiary-300);
  border-radius:var(--radius-4);
}

.chip-blue:hover{
  background-color:var(--color-tertiary-500);
  box-shadow:none;
}

.chip-blue:hover,.chip-blue:hover a{
  color:var(--color-white) !important;
}

.chip-red{
  background:var(--color-pastel-red) !important;
  color:var(--color-error-500) !important;
}

.chip-dirt-green{
  background-color:var(--color-info-400);
  color:var(--color-white) !important;
}

.chip-grey-rounded{
  background-color:var(--color-primary-200);
  color:var(--color-white);
}
.chip-default a,.tooltip-text{
  color:var(--color-tertiary-500);
}
.tooltip-text{
  font-size:var(--font-11);
  line-height:var(--line-height-1);
  margin-left:var(--space-5);
  position:relative;
}

.hover-content-tooltip{
  background-color:var(--color-black);
  border-radius:var(--radius-4);
  color:var(--color-white);
  display:none;
  padding:var(--space-10);
  position:absolute;
}

.tooltip-text:hover .hover-content-tooltip{
  display:block;
}

.hv-content{
  background-color:var(--color-black);
  color:var(--color-white);
  display:none;
  padding:var(--space-10);
  position:absolute
}

.hover:hover .hv-content{
  display:block;
}
.no-data-div{
  background-color:#fbfbfb;
  border:var(--space-3) dashed #c4c4c4;
  margin:auto;
  margin-bottom:var(--space-20);
  margin-top:var(--space-20);
  padding:var(--space-20);
  text-align:center;
  width:var(--space-300);
}

.no-data-div p{
  font-size:var(--font-12);
  margin-bottom:var(--space-10);
}

.blank-div{
  align-content:center;
  display:grid;
  height:100%;
  margin:auto;
  max-height:var(--space-100);
  padding:var(--space-20);
  text-align:center;
  width:100%;
}

.blank-div button>div{
  background-image:none;
  box-shadow:none;
  color:var(--color-tertiary-500);
}

.blank-div-text{
  font-size:var(--font-12);
  padding:var(--space-15);
}

.blank-div a{
  align-items:center;
  border:var(--space-2) solid var(--color-tertiary-500);
  border-radius:var(--radius-4);
  color:var(--color-tertiary-500);
  display:flex !important;
  font-size:var(--font-12);
  height:var(--space-35);
  justify-content:center;
  line-height:var(--line-height-1);
  margin:auto;
  min-width:var(--space-140);
}

.blank-div a:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  transition:2ms ease-in-out;
}

.chip-default-fixed{
  align-items:center;
  border-radius:var(--radius-4);
  display:inline-block;
  font-size:var(--font-11);
  justify-content:center;
  line-height:var(--line-height-2);
  margin:var(--space-3) var(--space-0);
  overflow:hidden;
  padding:var(--space-0) var(--space-3);
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:var(--space-70);
}

.text-wrap{
  text-wrap:nowrap;
}

.service-form-heading{
  font-size:var(--font-30);
  font-weight:var(--font-weight-500);
  line-height:var(--line-height-1);
}

.hint-text-main-heading{
  color:var(--color-grey-500);
  font-size:var(--font-11);
}

.sub-heading-with-icon{
  display:flex;
  font-size:var(--font-11);
}

.formDivwdb{
  border-radius:var(--radius-8);
  margin:var(--space-30) var(--space-0);
  padding:var(--space-20);
  width:100%;
}

.image-container .ri-apps-fill{
  color:var(--color-badge-grey-text) !important;
  display:inline-block;
  margin:auto;
}

.image-container .ri-apps-fill::before{
  color:var(--color-tertiary-500);
  font-size:var(--font-24) !important;
  margin:var(--space-0);
}

button:hover{
  cursor:pointer;
}

.image-container .sub-text{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1);
}

.card-head-review{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-grey-400);
  display:flex;
  margin-bottom:var(--space-10);
  padding:var(--space-7-5);
}

.card-head-review .ri-settings-3-fill{
  margin:var(--space-0) !important;
}

.card-head-review .ri-settings-3-fill::before{
  font-size:var(--font-21) !important;
  margin:var(--space-0) !important;
}

.card-head-review img{
  height:var(--space-30);
}

.btn-blue-next{
  align-items:center;
  background-color:var(--color-tertiary-500);
  border:none;
  border-radius:var(--radius-4);
  display:flex;
  font-weight:var(--font-weight-500);
  height:var(--space-40);
  justify-content:center;
  padding:var(--space-0) var(--space-2-5);
  width:var(--space-140);
}

.btn-blue-next,.btn-blue-next a:visited,.btn-blue-next>.ri-arrow-right-s-fill,a.btn-blue-next:visited{
  color:var(--color-white);
}

.btn-blue-next>.ri-arrow-right-s-fill:before,
.ri-arrow-right-s-fill:after,
.ri-arrow-right-s-fill:before{
  font-family:remixicon,sans-serif;
  font-size:var(--font-10) !important;
  font-style:normal;
  margin-left:var(--space-0) !important;
}

.card-service{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-10);
  box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
  min-width:var(--space-500);
  padding:var(--space-10) var(--space-25);
  position:relative;
  z-index:9;
}

.float-icon{
  align-items:center;
  border:var(--space-2) solid var(--color-grey-400);
  border-radius:var(--radius-full);
  color:var(--color-grey-400);
  display:flex;
  justify-content:center;
  margin:var(--space-0) var(--space-20);
  vertical-align:middle;
}

.float-icon .MuiSvgIcon-root{
  font-size:var(--font-30);
}


.card-service-footer{
  display:flex;
  justify-content:center;
  margin-bottom:var(--space-10);
}

.m-rl-15{
  line-height:var(--line-height-1);
  margin-left:var(--space-10);
  margin-right:var(--space-10);
}

.m-tb-3{
  margin-bottom:var(--space-2);
  margin-top:var(--space-2);
}

.main-text{
  margin-right:var(--space-5);
}

.main-text,.sub-text{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
}

.sub-text,.sub-text a{
  text-decoration:none
}

.sub-text a{
  color:var(--color-success-500)
}

.sub-text-margin{
  margin-right:var(--space-4);
}

.review-env-list{
  display:block;
}

.review-env-list .chip-default .chip-default-job{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:var(--space-100);
}

.card-box{
  align-items:center;
  display:Grid;
  grid-template-columns:auto auto auto;
  justify-content:space-between;
}

.secondary-heading{
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  margin-bottom:var(--space-5-5);
}

.transparent-btn-teal{
  background-color:initial;
  border:none;
  color:var(--color-tertiary-500);
  font-size:var(--font-12) !important;
  margin:var(--space-7-5) 0;
}

.btn-green{
  background-color:var(--color-success-500);
  border:none;
  border-radius:var(--radius-4);
  box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-700);
  justify-content:space-evenly;
  margin:var(--space-15) var(--space-0) var(--space-0);
  max-width:var(--space-200);
  min-width:var(--space-180);
  padding:var(--space-10);
}

.left-image-section{
  background-image:url(/static/media/login.31d9ecd55fa07c6a3e0d.jpg);
}

.left-image-section,.signup-left-image{
  align-items:center;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:var(--radius-20);
  display:flex;
  height:100%;
}

.signup-left-image{
  background-image:url(/static/media/signup.5c8d70fe9d7e071d705b.jpg);
}

.left-image-section-contain{
  align-items:center;
  background-color:var(--color-content-primary);
  display:flex;
  height:100%;
}

.left-image-section .content,
.left-image-section-contain .content{
  margin:auto
}

.content-text{
  color:var(--color-white);
  font-size:var(--font-42);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1);
}

.left-image-section-contain .content-text{
  margin:var(--space-20) var(--space-0) var(--space-30);
}

.left-image-section-contain .content-text h1{
  color:var(--color-white);
  font-size:var(--font-36);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1-3);
}

.left-image-section-contain .content-text p{
  color:var(--color-white);
  font-size:var(--font-16);
  font-weight:var(--font-weight-300);
  line-height:var(--line-height-1-2);
}

.color-orange{
  color:var(--color-secondary-500);
}

.color-icon-primary{
  color:var(--color-border-grey);
}

.color-icon-secondary{
  color:var(--color-content-secondary) !important;
}

.color-blue{
  color:var(--color-tertiary-400);
}

.color-green{
  color:var(--color-success-500);
}

.disabled-url,
.disabled-url .MuiSvgIcon-root{
  color:var(--color-grey-600) !important;
}

.content-sub-text{
  margin:var(--space-20) var(--space-0);
}

.content-sub-text p{
  color:var(--color-white);
  font-size:var(--font-20);
  font-weight:var(--font-weight-100);
  line-height:var(--line-height-1-5);
}

.main-form-div{
  background:var(--color-white);
  height:100vh;
}

.form-container,.form-container--1{
  align-items:center;
  display:flex;
  height:100%;
  margin:auto;
  position:relative;
  width:75%;
}

a.demo-btn{
  align-items:center;
  background-color:var(--color-white);
  border-radius:var(--radius-34);
  box-shadow:var(--space-0) var(--space-2) var(--space-6) var(--space-0) #0000003b;
  color:var(--color-black);
  display:flex;
  font-size:var(--font-13);
  font-weight:var(--font-weight-400);
  justify-content:space-between;
  padding:var(--space-10);
  text-transform:capitalize;
  width:var(--space-170);
}

a.demo-btn .ri-play-fill{
  color:var(--color-secondary-500);
  display:inline-block;
  margin:var(--space-0) var(--space-10) var(--space-0) var(--space-10);
}

.left-image-section .content .content-sub-text a.demo-btn>.ri-play-fill::before{
  align-items:center;
  display:flex;
  font-family:Remix,sans-serif;
  font-size:var(--font-24) !important;
  font-style:normal;
  line-height:var(--line-height-1);
  margin-left:var(--space-0) !important;
}

p.signup-link{
  color:var(--color-grey-800);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  margin-bottom:var(--space-50);
}

.signup-link a{
  background:var(--color-pastel-blue-2);
  border-bottom:var(--space-2) dotted var(--color-primary-400);
  color:var(--color-primary-400);
  display:inline-block;
  font-size:var(--font-12);
  padding:var(--space-0) var(--space-4);
  text-decoration:none;
}

.form-container svg{
  fill:var(--color-grey-500);
  overflow:hidden;
  position:absolute;
  top:var(--space-16);
  vertical-align:middle;
}

input.textfield{
  background-color:var(--color-grey-000);
  border:none;
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-0);
  color:var(--color-grey-800);
  display:inline-block;
  font-size:var(--font-14);
  font-weight:var(--font-weight-400);
  max-width:var(--space-635);
  min-height:var(--space-36);
  min-width:var(--space-50);
  padding:var(--space-0) var(--space-0) var(--space-10) 35px;
  position:static;
  transition:all .2s ease-in-out 0s;
  vertical-align:middle;
  width:100%;
}

.form-group input.textfield:focus{
  border:none !important;
  border-bottom:var(--space-1) solid var(--color-primary-500) !important;
  border-radius:var(--radius-0) !important;
  outline:none !important;
}

.form-group{
  border-bottom:none;
  margin-bottom:var(--space-15);
  position:relative;
}

input.textfield:-webkit-autofill,
input.textfield:-webkit-autofill:focus,
input.textfield:-webkit-autofill:hover{
  -webkit-transition:background-color 5000s ease-in-out 0s;
  transition:background-color 5000s ease-in-out 0s;
}

.btn__primary{
  background-color:var(--color-tertiary-500) !important;
  border-color:var(--color-tertiary-500) !important;
  border-radius:var(--radius-6);
  color:var(--color-white) !important;
  min-width:var(--space-150);
  padding:var(--space-11) var(--space-16) var(--space-11) var(--space-12) !important;
  text-transform:uppercase;
}

.btn__primary:hover{
  background-color:var(--color-badge-blue-text) !important;
}

.btn-signin{
  background-color:initial;
  border:var(--space-1) solid #0000;
  color:var(--color-content-primary);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  line-height:var(--line-height-1-5);
  margin:var(--space-10) var(--space-0) var(--space-20);
  text-align:center;
  text-shadow:var(--space-0) var(--space-2) var(--space-1) #00000040;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
  width:100%;
}

.sign-in-section{
  align-items:center;
  display:flex;
  justify-content:space-between;
}

a.forgeturl{
  color:var(--color-tertiary-500);
  display:block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  justify-self:flex-end;
  margin-left:auto;
  text-align:center;
}

a.forgeturl:hover{
  text-decoration:underline;
}

.copyright,.footer-content{
  margin-top:var(--space-30);
}

.copyright{
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  max-width:100%;
  text-align:center;
}

.copyright,.copyright a{
  color:var(--color-grey-300);
}

.error-msg-signin{
  background-color:#d9534f1a;
  border:var(--space-1) solid var(--color-badge-red-bg);
  font-size:var(--font-10);
  line-height:var(--line-height-1);
  padding:var(--space-10);
  position:absolute;
  top:var(--space-57);
}

.error-username{
  background-color:var(--color-pastel-red);
  border-radius:var(--radius-6);
  color:var(--color-error-500);
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  line-height:var(--line-height-2);
  padding:var(--space-10);
  text-align:center;
}

@media (max-width:960px){
  .section-left{
    display:none;
  }

  .form-container{
    margin:var(--space-20) auto;
  }
}

.input-component{
  margin-bottom:var(--space-15);
  width:100%;
}

.custom-drop,.input-component{
  display:block;
  position:relative;
}

.custom-drop{
  align-items:center;
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  box-shadow:.877px 1.798px var(--space-14) var(--space-0) #00000026;
  height:fit-content;
  transition:all .5s ease-in-out;
  width:30%;
}

.custom-drop-down-list{
  background:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-0) var(--space-0) 4px 4px;
  border-top:none;
  position:absolute;
  transition:all .5s ease-in-out;
  width:100%;
}

.option>.selected{
  padding:var(--space-0);
}

.btn-lg{
  font-size:var(--font-16);
  font-weight:var(--font-weight-900);
}

.option{
  align-items:center;
  border-top:var(--space-1) solid var(--color-border-grey);
  display:flex;
  padding:var(--space-5);
  width:100%;
}

.option:hover{
  background-color:var(--color-secondary-100);
}

.selected{
  align-items:center;
  display:flex;
  padding:var(--space-5) var(--space-20) var(--space-5) var(--space-5);
  width:100%;
}

.m-l-auto{
  margin-left:auto;
}

.service-name-dropdown{
  font-size:var(--font-16);
  font-weight:var(--font-weight-300);
  padding:var(--space-0) var(--space-10);
}

.service-name-dropdown span.ri-arrow-down-s-line,.service-name-dropdown span.ri-arrow-up-s-line{
  font-size:var(--font-14);
}

.heading-app-selector{
  color:var(--color-black);
  font-size:var(--font-16);
  font-weight:var(--font-weight-700);
  line-height:var(--line-height-1-5);
  margin-top:var(--space-20);
}

.select-application{
  align-items:flex-start;
  display:flex;
}

.height-57{
  height:var(--space-57);
}

.height-40{
  height:var(--space-40);
}

.height-fit-content{
  height:fit-content !important
}

.height-auto{
  height:auto !important;
}

.container-dropdown{
  align-items:center;
  display:flex;
  width:100%;
}

.card-loading .loading-gif{
  align-items:center;
  display:flex;
  justify-content:center;
  position:absolute;
}

.card-loading .loading-gif .loader-bg-card{
  align-self:center !important;
  justify-self:center !important;
}

.loading-gif{
  height:100%;
  left:var(--space-0);
  top:var(--space-0);
  width:100%;
}

.loader-bg-card,.loading-gif{
  align-items:center;
  display:flex;
  justify-content:center;
  position:absolute;
  z-index:9999;
}

.loader-bg-card{
  background-color:#0003;
  border-radius:var(--radius-8);
  height:var(--space-200);
  width:var(--space-400);
}

.loader-bg-card-small{
  align-items:center;
  display:flex;
  height:var(--space-200);
  justify-content:center;
  width:var(--space-300);
}

.loader img{
  width:var(--space-80);
}

.loading-overlay{
  position:fixed;
  z-index:999;
}

.loader{
  align-self:center;
  position:absolute;
  top:"50%";
  z-index:9999;
}

.loader,.loader-dots{
  border-radius:100%;
  height:var(--space-100);
  width:var(--space-100);
}

.loader-dots{
  margin:var(--space-0) auto;
  position:relative;
}

#loader-2 span{
  background-color:var(--color-tertiary-400);
  border-radius:100%;
  display:inline-block;
  height:var(--space-20);
  margin:var(--space-35) var(--space-5);
  width:var(--space-20);
}

#loader-2 span:nth-child(1){
  animation:bounce 1s ease-in-out infinite;
}

#loader-2 span:nth-child(2){
  animation:bounce 1s ease-in-out .33s infinite;
}

#loader-2 span:nth-child(3){
  animation:bounce 1s ease-in-out .66s infinite;
}

@keyframes bounce{

  0%,
  100%,
  75%{
    transform:translateY(0);
  }

  25%{
    transform:translateY(-20px);
  }
}


#loader-1:after,#loader-1:before{
  border-radius:100%;
  border-top-color:#0000;
  border:var(--space-10) solid #0000;
  border-top:var(--space-10) solid var(--color-tertiary-400);
  content:"";
  height:100%;
  left:calc(var(--space-10)*-1);
  position:absolute;
  width:100%;
}

#loader-1:before{
  animation:spin 1s infinite;
  z-index:100;
}

#loader-1:after{
  border:var(--space-10) solid var(--color-grey-300);
}

@keyframes spin{
  0%{
    transform:rotate(0deg);
  }

  100%{
    transform:rotate(1turn);
  }
}
.dropdown-container{
  position:relative;
}

.dropdown-box{
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-4) var(--space-8) #02044514;
  display:block;
  margin:var(--space-10);
  position:absolute;
  right:calc(var(--space-25)*-1);
  top:var(--space-42);
  width:var(--space-120);
}

.dropdown-box ul{
  list-style:none;
}

.dropdown-box ul li{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding:var(--space-10);
}

.dropdown-box ul li a{
  color:var(--color-tertiary-500);
  font-size:var(--font-11);
}

.dropdown-box ul li a.logout-btn span.ri-drag-move-fill{
  color:var(--color-white);
}

.dropdown-box ul li:last-child{
  border-bottom:none;
}



.dropdown-box::before{
  border-bottom:var(--space-12) solid var(--color-white);
  border-left:var(--space-12) solid #0000;
  border-right:var(--space-12) solid #0000;
  bottom:100%;
  content:"";
  height:0;
  left:var(--space-75);
  outline-offset:var(--space-1) solid #e7e7e7;
  pointer-events:none;
  position:absolute;
  width:var(--space-0);

}

.hide-class{
  display:none;
}

.show-class{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-4) var(--space-8) #02044514;
  clear:both;
  color:var(--color-tertiary-500);
  display:block;
  left:var(--space-20);
  position:absolute;
  top:var(--space-10);
  width:var(--space-140);
  z-index:999999;
}

.data-card .data-card-icon>span.ri-wifi-fill::before{
  color:var(--color-info-300) !important;
  font-size:var(--font-26) !important;
}

.MuiTypography-h6{
  color:var(--color-black) !important;
  font-size:var(--font-18) !important;
  font-weight:var(--font-weight-400);
  letter-spacing:-.05px;
  line-height:var(--line-height-20);
}

.btn-anchor{
  align-items:center;
  border:var(--space-2) solid var(--color-tertiary-500);
  border-radius:var(--radius-4);
  color:var(--color-tertiary-500);
  display:flex;
  font-size:var(--font-12);
  height:var(--space-35);
  justify-content:center;
  line-height:var(--line-height-1);
  padding:var(--space-0) 15px;
}

.btn-anchor:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  transition:2ms ease-in-out;
}

.bg-white{
  background-color:var(--color-white) !important;
}

.bg-fa-grey,.bg-fc-grey,.bg-light-grey{
  background-color:var(--color-grey-000) !important;
}

.bg-f4-grey,.bg-f5-grey{
  background-color:var(--color-grey-100) !important;
}

.bg-f8-grey,.bg-f8-grey .card-header,.bg-f9-grey{
  background-color:var(--color-grey-000) !important;
}

.bg-f8-grey .card-header{
  border-bottom:var(--space-1) solid var(--color-border-grey) !important;
}

.bg-f8-grey .card-header.with-btn{
  padding-right:var(--space-0) !important;
}

.bg-green{
  background-color:var(--color-success-400);
}

.MuiPopover-paper{
  height:fit-content;
}
.MuiDialog-paperScrollPaper{
  width:var(--space-500);
}

.btn-dialogue{
  background-color:var(--color-tertiary-500);
  border:none;
  box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
  color:var(--color-white);
  justify-content:space-between;
  line-height:var(--line-height-2);
  margin:var(--space-15);
  min-width:var(--space-70);
  padding:var(--space-6) var(--space-16);
}

.btn-dialogue,.btn-dialogue-close{
  align-items:center;
  border-radius:var(--radius-4);
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:100%;
}

.btn-dialogue-close{
  background-color:var(--color-grey-000);
  border:var(--space-2) solid var(--color-grey-300);
  color:var(--color-black);
  justify-content:center;
  padding:var(--space-10) var(--space-20);
}

.btn-float::after{
  clear:both;
  content:"";
}

:-webkit-full-screen{
  overflow-y:scroll;
}
:-moz-full-screen{
  overflow-y:scroll;
}
:-ms-fullscreen{
  overflow-y:scroll;
}
:fullscreen{
  height:100%;
  overflow-y:scroll;
}

.text-width-300{
  max-width:var(--space-300);
}

.text-width-120,.text-width-300{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.text-width-120{
  max-width:var(--space-120);
}

.text-width-100{
  max-width:var(--space-100);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#viewFullLogs:fullscreen .logs-window{
  height:94vh !important;
  overflow-y:scroll;
}

#podsLogViewSCreen:fullscreen .logbody{
  height:100%;
}

.change-value-btn{
  background-color:var(--color-white);
  border-left:var(--space-1) solid var(--color-border-grey);
  bottom:var(--space-1);
  color:var(--color-grey-400);
  cursor:pointer;
  display:flex;
  flex-flow:column;
  height:inherit;
  line-height:var(--line-height-1);
  margin:var(--space-0);
  padding:var(--space-0) var(--space-3);
  position:absolute;
  position:relative;
  right:var(--space-2);
  z-index:1;
  z-index:99;
}

.change-value-btn::before{
  font-size:var(--font-10) !important;
}

.slider-with-input .range-slider-input{
  border:none;
  height:var(--space-32);
  outline:none;
}

.slider-with-input .input-component label{
  color:var(--color-black);
}

.input-with-btn{
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  margin-left:var(--space-5);
  overflow:hidden;
  position:relative;
}

.table-section{
  font-size:var(--font-11);
}

a.btn:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  transition:.2s ease-in-out;
}

.btn-round-sm{
  height:var(--space-20) !important;
  width:var(--space-20) !important;
}

.btn-round-sm.btn-round{
  margin-left:var(--space-0) !important;
}

.add-button{
  align-items:center;
  background-image:linear-gradient(-90deg, #0096db, #146bec);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-5) var(--space-16) var(--space-0) #0000001a;
  color:var(--color-white);
  display:flex;
  font-size:var(--font-11);
  height:var(--space-40);
  padding:var(--space-5) var(--space-12);
}

.add-button .btn{
  background-color:var(--color-tertiary-400);
}

.add-button .btn,.add-button .btn .ri-add-fill{
  color:var(--color-white)
}

.btn-submit{
  background-color:var(--color-tertiary-400) !important;
  color:var(--color-white) !important;
}

.btn-submit:hover{
  background-color:var(--color-primary-400) !important;
}

.btn-round-sm .ri-add-fill::before{
  font-size:var(--font-10);
}
.btn-job:hover span.ri-refresh-line-job,.btn-job:hover span.ri-refresh-line-job::before,.btn-round:hover span.ri-refresh-line,.btn-round:hover span.ri-refresh-line::before,.btn-round:hover span.ri-reset-left-line,.btn-round:hover span.ri-reset-right-line,button.bg-clear-btn:hover{
  color:var(--color-white) !important;
}
button.bg-clear-btn:hover{
  background-color:#08f !important;
}

button.btn-small-icon:hover{
  background-color:var(--color-tertiary-600);
  background-color:var(--color-tertiary-600) !important;
  color:var(--color-white) !important;
  transition:.2s ease-in-out;
}

.button-round{
  align-items:center;
  background-color:initial;
  border:var(--space-1) solid #ffffff47;
  border-radius:var(--radius-full);
  color:#0000;
  display:flex;
  filter:drop-shadow(.877px 1.798px var(--space-4) rgba(0, 0, 0, .06));
  height:var(--space-35);
  justify-content:center;
  width:var(--space-35);
}

.button-round-primary{
  background-color:var(--color-white);
  color:var(--color-primary-500);
}

.button-round-danger{
  background-color:var(--color-white);
  color:var(--color-error-500);
}

.button-round-danger:hover{
  background-color:#ffffffb3;
}

.resizable{
  background:var(--color-black);
  border-radius:var(--radius-8);
  box-shadow:.877px 1.798px var(--space-14) var(--space-0) #00000026;
  min-height:var(--space-80);
  width:100%;

}

.resizable,.resizable .header{
  background-color:var(--color-black);
}

.resizable .header{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-grey-500);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  height:var(--space-24);
  justify-content:space-between;
  overflow-x:scroll;
}

.resizable .header .right-cont button{
  background-color:initial;
  border:none;
}

.resizable .header .tab{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:space-between;
}

.resizable .body .breadcrumb{
  border-bottom:var(--space-1) solid var(--color-grey-500);
  color:var(--color-white);
  font-size:var(--font-10);
  padding:var(--space-0) var(--space-10);
}

.resizable .body p{
  color:var(--color-white);
  font-size:var(--font-11);
}

.resizable .resizers{
  border:var(--space-3) solid var(--color-black);
  box-sizing:border-box;
  float:right;
}

.resizable .resizers .resizer{
  position:absolute;
}

.resizable .resizers .ri-more-fill{
  background-color:var(--color-black);
  background-position:50%;
  border-radius:20%;
  color:var(--color-white);
  height:var(--space-20);
  line-height:.5;
  padding:var(--space-0) var(--space-5);
}

.resizable .resizers .ri-more-fill::before{
  font-size:var(--font-24) !important;
}

.resizable .resizers .resizer.top-left{
  cursor:row-resize;
  left:50%;
  top:calc(var(--space-1)*-1);
}

.na-class{
  color:var(--color-black);
  font-size:var(--font-11);
  line-height:var(--line-height-2);
}

.progress-bar-disabled{
  background-color:var(--color-badge-grey-bg) !important;
}

.auto-scale-disabled{
  font-size:var(--font-9);
  font-weight:var(--font-weight-500);
  left:var(--space-110);
  position:absolute;
  top:var(--space-4);
}

.color-key{
  color:var(--color-grey-500) !important;
}

.color-key-78{
  color:var(--color-content-tertiary) !important;
}

.color-value{
  color:var(--color-content-primary) !important;
}

.build-type{
  color:var(--color-black);

  font-size:var(--font-16);
  font-style:normal;
  font-weight:var(--font-weight-600);
  line-height:normal;
}

.color-dark-blue{
  color:var(--color-primary-500) !important;
}

.color-asterisk{
  color:var(--color-error-600) !important;
}

.color-key-gray{
  color:var(--color-badge-grey-text) !important;
}

.color-key-primary{
  color:var(--color-tertiary-500) !important;
}

.color-key-00{
  color:var(--color-black) !important;
}

@media screen and (max-width:1280px){
  .auto-scale-disabled{
    left:var(--space-80);
  }
}

.MuiCheckbox-root .MuiSvgIcon-root{
  font-size:var(--font-25);
}

body::-webkit-scrollbar{
  width:.5em !important;
}

body::-webkit-scrollbar-track{
  -webkit-box-shadow:inset var(--space-0) var(--space-0) var(--space-1) #0000004d !important;
}

body::-webkit-scrollbar-thumb{
  background-color:darkgrey !important;
  outline:var(--space-1) solid slategrey !important;
}

.pd-rl-5px{
  padding-left:var(--space-5);
  padding-right:var(--space-5);
}

.px-15{
  padding-left:var(--space-15);
  padding-right:var(--space-15);
}

.pd-l-5{
  padding-left:var(--space-5);
}

.pd-l-10{
  padding-left:var(--space-10);
}

.pd-r-5{
  padding-right:var(--space-5);
}

.pd-0{
  padding:var(--space-0) !important
}

.pd-10{
  padding:var(--space-10)
}

.pd-5{
  padding:var(--space-5);
}

.pd-15{
  padding:var(--space-15)
}

.pd-20{
  padding:var(--space-20) !important;
}

.pb-10{
  padding-bottom:var(--space-10) !important;
}

.pb-0{
  padding-bottom:var(--space-0);
}

.pb-8{
  padding-bottom:var(--space-8);
}


.pl-0{
  padding-left:var(--space-0) !important;
}

.pr-0{
  padding-right:var(--space-0) !important;
}

.pl-6{
  padding-left:var(--space-6) !important;
}

.pl-5{
  padding-left:var(--space-5) !important;
}

.pr-5{
  padding-right:var(--space-5) !important;
}

.pl-10{
  padding-left:var(--space-10) !important;
}

.pl-18{
  padding-left:var(--space-18) !important;
}

.pl-20{
  padding-left:var(--space-20) !important;
}

.pl-22{
  padding-left:var(--space-22) !important;
}

.pb-22{
  padding-bottom:var(--space-22) !important;
}

.pr-22{
  padding-right:var(--space-22) !important;
}


.pl-25{
  padding-left:var(--space-25) !important;
}

.pl-12{
  padding-left:var(--space-12) !important;
}

.pl-30{
  padding-left:var(--space-30);
}

.pl-3{
  padding-left:var(--space-3) !important
}

.pr-12{
  padding-right:var(--space-12) !important;
}

.pr-16{
  padding-right:var(--space-16) !important;
}

.pl-16{
  padding-left:var(--space-16) !important;
}

.pl-15{
  padding-left:var(--space-15) !important;
}

.pr-15{
  padding-right:var(--space-15) !important;
}

.pr-10{
  padding-right:var(--space-10) !important;
}

.pr-20{
  padding-right:var(--space-20) !important;
}

.pt-0{
  padding-top:var(--space-0) !important;
}

.pt-10{
  padding-top:var(--space-10) !important;
}

.pt-15{
  padding-top:var(--space-15) !important;
}

.pt-20{
  padding-top:var(--space-20) !important;
}

.pb-15{
  padding-bottom:var(--space-15) !important;
}

.pb-20{
  padding-bottom:var(--space-20) !important;
}

.pt-30{
  padding-top:var(--space-30) !important;
}

.pt-32{
  padding-top:var(--space-32) !important;
}

.pb-30{
  padding-bottom:var(--space-30) !important;
}

.loading-gif-container{
  align-items:center;
  display:flex;
  height:100vh;
  justify-content:center;
  left:var(--space-0);
  top:var(--space-0);
  width:100%;
  z-index:9999;
}

.loading-overlay{
  background-color:#0000004d;
  height:100%;
  left:0;
  top:0;
  width:100%;
  z-index:0;
}

.loading-gif-container-two{
  align-items:center;
  display:flex;
  height:inherit;
  justify-content:center;
  left:var(--space-0);
  top:var(--space-0);
  width:100%;
  z-index:9999;
}

.loading-gif-container-two,.loading-gif-container-two>.loader-bg-card-2,.loading-gif-container-two>.loading-overlay{
  background-color:initial;
}

.loading-gif-container-two>.loader-bg-card-2>.loader{
  height:var(--space-50);
  width:var(--space-50);
}

.loader-bg-card-2{
  background-color:#0003;
  border-radius:var(--radius-8);
  margin:auto;
  z-index:9999;
}

.loading-gif-container-two>.loader-bg-card-2>.loader#loader-1:after{
  border:var(--space-6) solid var(--color-grey-300);
}

.top-0px{
  position:relative;
  top:var(--space-0) !important;
}


.loading-gif-container-two .loader#loader-1:after,.loading-gif-container-two .loader#loader-1:before{
  border-radius:100%;
  border-top-color:#0000;
  border:var(--space-6) solid #0000;
  border-top:var(--space-6) solid var(--color-tertiary-400);
  content:"";
  height:100%;
  left:calc(var(--space-10)*-1);
  position:absolute;
  width:100%;
}

.loading-controller .loading-gif-container-two .loader#loader-1:after,.loading-controller .loading-gif-container-two .loader#loader-1:before{
  top:var(--space-0) !important;
}

.text-black .text-lite-purple{
  align-items:center;
  color:var(--color-info-400);
  display:flex;
}

#viewFullScreen{
  height:var(--space-460);
  overflow:scroll;
}

pre#viewFullScreen{
  height:var(--space-417) !important;
}

.global-error{
  border:var(--space-2) solid var(--color-error-400);
  color:var(--color-error-600);
  font-size:var(--font-11);
  margin-top:var(--space-64);
  padding:var(--space-12);
}

.global-error h2{
  color:var(--color-error-500);
  font-size:var(--font-18);
  font-weight:var(--font-weight-400);
}

.input-with-btn input.range-slider-input{
  padding:var(--space-4);
  width:var(--space-48);
}

.react-resizable{
  position:relative;
}

.react-resizable-handle{
  background-origin:content-box;
  background-position:100% 100%;
  background-repeat:no-repeat;
  box-sizing:border-box;
  height:var(--space-20);
  padding:var(--space-0) var(--space-3) var(--space-3) var(--space-0);
  position:absolute;
  top:var(--space-250);
  width:var(--space-8);
}

.react-resizable-handle::after,
.react-resizable-handle::before{
  border-left:var(--space-1) solid var(--color-content-primary);
  content:"";
  display:inline-block;
  height:var(--space-20);
  margin:var(--space-0) var(--space-2);
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-100%);
}

.react-resizable-handle::before{
  left:0;
}

.react-resizable-handle-sw{
  bottom:0;
  cursor:sw-resize;
  left:0;
  transform:rotate(90deg);
}

.react-resizable-handle-se{
  bottom:0;
  cursor:col-resize;
  right:0;
}

.react-resizable-handle-nw{
  cursor:nw-resize;
  left:0;
  top:0;
  transform:rotate(180deg);
}

.react-resizable-handle-ne{
  cursor:ne-resize;
  right:0;
  top:0;
  transform:rotate(270deg);
}


.react-resizable-handle-e,.react-resizable-handle-w{
  cursor:ew-resize;
  margin-top:calc(var(--space-10)*-1);
  top:50%;
}

.react-resizable-handle-w{
  left:0;
  transform:rotate(135deg);
}

.react-resizable-handle-e{
  right:0;
  transform:rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s{
  cursor:ns-resize;
  left:50%;
  margin-left:calc(var(--space-10)*-1);
}

.react-resizable-handle-n{
  top:0;
  transform:rotate(225deg);
}

.react-resizable-handle-s{
  bottom:0;
  transform:rotate(45deg);
}

input::-moz-focus-outer{
  border:none;
  outline:none;
}

.search-bar input:focus{
  border:none !important;
  outline:none !important;
}

.btn.btn-grey-outline:hover{
  background-color:var(--color-white);
  color:var(--color-grey-600) !important;
}

.search-filter-button{
  align-items:center;
  background:none;
  border-radius:var(--radius-4);
  box-sizing:border-box;
  color:var(--color-white);
  cursor:pointer;
  display:inline-flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:var(--space-36);
  justify-content:center;
  letter-spacing:.25px;
  min-width:var(--space-80);
  outline:none;
  padding:var(--space-0) var(--space-16);
  position:relative;
  z-index:0;
}

.search-filter-button,.search-filter-button:hover{
  background-color:var(--color-primary-400);
  border:none;
}

.search-filter-button:hover{
  outline:var(--space-1) solid #0000;
}

.clear-filter-button{
  align-items:center;
  background:none;
  background-color:var(--color-white);
  border:none;
  border-radius:var(--radius-4);
  box-sizing:border-box;
  color:var(--color-badge-grey-text);
  cursor:pointer;
  display:inline-flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-700);
  height:var(--space-36);
  justify-content:center;
  letter-spacing:.25px;
  min-width:var(--space-80);
  outline:none;
  padding:var(--space-0) var(--space-16);
  position:relative;
  z-index:0;
}

.clear-filter-button:hover{
  background-color:#0003;
  transition:.5s ease-in;
}

.input-with-icon{
  position:relative;
}

.input-with-icon>.input-icon{
  line-height:var(--space-0);
  margin-right:var(--space-0);
  position:absolute;
  right:var(--space-20);
  top:var(--space-0);
  z-index:99;
}

.input-with-icon>.input-icon .MuiSvgIcon-root{
  font-size:var(--font-20);
}

.btn-saas-fullwidth{
  background-color:var(--color-success-500);
  border-color:var(--color-success-500);
  border:var(--space-1) solid var(--color-success-500);
  border-radius:var(--radius-5);
  color:var(--color-white);
  margin-bottom:var(--space-20);
  margin-top:var(--space-0)px;
  padding:var(--space-10);
  width:100%;
}

.signup-heading{
  font-size:var(--font-12);
  line-height:var(--line-height-1-5);
  margin-bottom:var(--space-10);
}

.checkbox-input{
  align-items:center;
  display:grid;
  gap:2%;
  grid-template-columns:3% auto;
}

.checkbox-input input,.checkbox-input label{
  display:inline-block;
}

.checkbox-input label{
  font-size:var(--font-13);
}

.checkbox-input label a{
  color:var(--color-black);
  text-decoration:underline;
}

.input-with-icon .input-component{
  margin-bottom:var(--space-22);
}

.signupform .input-with-icon>.input-icon{
  right:5%;
}


.pt-0,.simple-menu .MuiList-padding{
  padding-top:var(--space-0) !important;
}

.align-center{
  align-items:center;
}

.align-base{
  align-items:baseline;
}

.align-flex-end{
  align-items:flex-end;
}

.service-env{
  margin-right:var(--space-3);
}

.service-env,.service-env-tyoe{
  font-size:var(--font-11);
  letter-spacing:var(--space-1);
}

.row-cardbody p .btn:hover{
  background-color:initial;
  color:var(--color-tertiary-500) !important;
}

.tab-with-refresh{
  align-items:center;
  background-color:var(--color-grey-100);
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-4) 4px var(--space-0) var(--space-0);
  display:flex;
  justify-content:space-between;
}

.tab-with-refresh .headerul{
  border-bottom:none !important;
}

input.upload-config{
  cursor:pointer;
  filter:alpha(opacity=0);
  font-size:var(--font-20);
  height:var(--space-34);
  margin:var(--space-0);
  opacity:0;
  padding:var(--space-0);
  position:absolute;
  right:0;
  top:0;
  width:var(--space-148);
}

.bg-input-lite .input-component input{
  background-color:var(--color-grey-000)
}

.status-chip{
  align-items:center;
  background-color:initial;
  border-color:#0000;
  border-radius:var(--radius-24);
  color:#0000;
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1);
  margin-left:var(--space-3);
  margin-right:var(--space-3);
  padding:var(--space-6) .75rem;
  text-align:center;
  text-transform:uppercase;
  vertical-align:center;
  white-space:nowrap;
}

.status-chip-success{
  background-color:var(--color-success-400) !important;
}

.status-chip>{
  font-size:var(--font-14) !important;
}

.status-chip>span{
  margin:var(--space-0) var(--space-3) var(--space-0) var(--space-0);
}

.status-chip-success{
  color:var(--color-white);
}

.status-chip-danger{
  background-color:var(--color-error-400);
  color:var(--color-white);
}

.status-chip-info{
  background-color:var(--color-tertiary-800);
  color:var(--color-white);
}

.status-chip-warning{
  background-color:var(--color-secondary-400) !important;
}

.status-chip-disapproved{
  background-color:var(--color-error-400) !important;
  color:var(--color-white);
}

.status-sea-blue{
  background-color:var(--color-tertiary-300) !important;
}

.status-chip-warning,.status-sea-blue{
  color:var(--color-white);
}

.status-chip-approval{
  background-color:var(--color-badge-purple-bg);
  color:var(--color-white);
}

.status-chip-revoked{
  background-color:var(--color-info-400);
}

.status-chip-stopped{
  background-color:var(--color-error-400);
}

.status-chip-revoked,.status-chip-stopped{
  color:var(--color-white);
}

.status-chip-running{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.status-bullet{
  background-color:initial;
  border-radius:var(--radius-full);
  display:inline-block;
  height:var(--space-10);
  margin-left:var(--space-10);
  margin-right:var(--space-3);
  width:var(--space-10);
}

.status-bullet-success{
  background-color:var(--color-success-400);
}

.status-bullet-danger{
  background-color:var(--color-error-400);
}

.status-bullet-pending{
  background-color:var(--color-secondary-500);
}

.status-bullet-grey{
  background-color:var(--color-grey-600);
}

.background-color-light-green{
  background-color:var(--color-pastel-blue-2) !important
}

.w-100{
  width:100% !important;

}

.overflow-hidden{
  overflow:hidden !important;

}

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

.align-self-stretch{
  align-self:stretch !important;
}

.display-inline-flex{
  display:inline-flex !important;

}

.d-block{
  display:block !important;
}

.d-inline-block{
  display:inline-block !important;
}

.overflow-scroll{
  overflow:scroll !important;
}

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

.align-self-top{
  align-self:flex-start !important;
}

.align-self-center{
  align-self:center !important;
}

.align-item-center{
  align-items:center !important;
}

.align-flex-start{
  align-items:flex-start !important;
}

.d-inline-flex{
  display:inline-flex !important;
}

.justify-flex-start{
  justify-content:flex-start !important;
}

.justify-flex-center{
  justify-content:center !important;
}

.d-flex-wrap{
  flex-flow:wrap !important;
}

.flex-wrap{
  flex-wrap:wrap !important;
}

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

.justify-center{
  justify-content:center !important;
}

.justify-evenly{
  justify-content:space-evenly !important;
}

.justify-flexend{
  justify-content:flex-end !important;
}

.justify-flexstart{
  justify-content:flex-start !important;
}

.f-direction-column{
  flex-direction:column;
}

.flex-d{
  display:flex
}
.gap-4{
  gap:var(--space-4) !important;
}

.gap-3{
  gap:var(--space-3) !important;
}

.gap-10{
  gap:var(--space-10) !important;
}

.gap-12{
  gap:var(--space-12) !important
}

.gap-13{
  gap:var(--space-13) !important
}

.gap-12{
  gap:12px !important;
}
.border-radius-6{
  border-radius:var(--radius-6) !important;
}

.border-radius-2{
  border-radius:var(--radius-2) !important;
}

.border-radius-4{
  border-radius:var(--radius-4) !important;
}

.border-radius-0{
  border-radius:var(--radius-0) !important;
}

.border-radius-8{
  border-radius:var(--radius-8) !important;
}
.p-10{
  padding:var(--space-10) !important;
}

.p-12{
  padding:var(--space-12) !important;
}

.btn-add-primary{
  align-items:center;
  background-image:linear-gradient(-90deg, #0096db, #146bec);
  border-color:#0000;
  box-shadow:var(--space-0) var(--space-5) var(--space-16) var(--space-0) #0000001a;
  color:var(--color-white) !important;
  display:flex;
  font-size:var(--font-11);
  padding:var(--space-8) var(--space-12);
}

.btn-add-primary,.icon-round{
  border-radius:var(--radius-4);
}

.icon-round{
  background-color:var(--color-tertiary-400);
  font-size:var(--font-11) !important;
  line-height:var(--line-height-1);
  margin-right:var(--space-3);
  padding:var(--space-3);
}

.width-fitcontent{
  width:fit-content !important;
}

.width-full{
  width:100% !important;
}

.count-chip{
  background-color:initial;
  border-radius:var(--radius-4);
  color:#0000;
  cursor:pointer;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1);
  margin-left:var(--space-3);
  margin-right:var(--space-3);
  padding:var(--space-3) !important;
  width:fit-content;
}

.count-chip-default{
  background-color:var(--color-grey-600);
  color:var(--color-white);
}

.count-chip-danger{
  background-color:var(--color-error-400) !important;
  border:var(--space-2) solid var(--color-error-400);
  color:var(--color-white) !important;
}

.count-chip-success{
  background-color:var(--color-success-400) !important;
  border:var(--space-2) solid var(--color-success-400) !important;
  color:var(--color-white) !important;
}

.count-chip-pending{
  background-color:var(--color-secondary-400) !important;
  border:var(--space-2) solid var(--color-secondary-400) !important;
  color:var(--color-white) !important;
}

.count-chip-info{
  background-color:var(--color-tertiary-300) !important;
  border:var(--space-2) solid var(--color-tertiary-300) !important;
  color:var(--color-white) !important;
}

.count-chip-primary{
  background-color:var(--color-info-500) !important;
  border:var(--space-2) solid var(--color-info-500) !important;
  color:var(--color-white) !important;
}

.count-chip-primary-outline .MuiSvgIcon-root{
  color:#0000 !important;
}

.count-chip-primary-outline{
  background-color:initial !important;
  border:var(--space-2) solid var(--color-info-500) !important;
  color:var(--color-info-500) !important;
}

.count-chip-grey-outline{
  background-color:initial !important;
  border:var(--space-2) solid var(--color-grey-400) !important;
  color:var(--color-grey-400) !important;
}

.count-chip-info-outline{
  background-color:initial !important;
  border:var(--space-2) solid var(--color-tertiary-300) !important;
  color:var(--color-tertiary-300) !important;
}

.count-chip-grey-outline .MuiSvgIcon-root{
  color:#0000 !important;
}

.count-chip-success-outline{
  background-color:initial !important;
  border:var(--space-2) solid var(--color-success-400) !important;
  color:var(--color-success-400) !important;
}

.count-chip-pending-outline{
  background-color:initial !important;
  border:var(--space-2) solid var(--color-secondary-400) !important;
  color:var(--color-secondary-400) !important;
}

.count-chip-danger-outline{
  background-color:initial !important;
  border:var(--space-2) solid var(--color-error-400);
  color:var(--color-error-400);
}

.nowrap{
  white-space:nowrap !important;
}

.count-chip-lg{
  padding:var(--space-5) var(--space-10) !important;
}

.count-chip-lg-fix,.count-chip-lg-fix-round{
  display:flex;
  height:var(--space-35) !important;
  position:relative;
  width:var(--space-35) !important;
  z-index:99
}

.count-chip-lg-fix-round,.count-chip-round{
  border-radius:var(--radius-full);
}

.count-chip-round{
  align-items:center;
  display:flex;
  justify-content:center;
}

.count-chip-success .MuiCheckbox-root{
  color:var(--color-success-400) !important;
}

.count-chip-success-outline .MuiCheckbox-root{
  color:#0000 !important;
}

.count-chip-success .MuiCheckbox-root:hover,
.count-chip-success-outline .MuiCheckbox-root:hover{
  background-color:initial !important;
}

.count-chip-primary .MuiCheckbox-root{
  color:var(--color-info-500) !important;
}

.count-chip-primary-outline .MuiCheckbox-root{
  color:#0000 !important;
}

.count-chip-primary .MuiCheckbox-root:hover,
.count-chip-primary-outline .MuiCheckbox-root:hover{
  background-color:initial !important;
}

.count-chip-danger .MuiCheckbox-root{
  color:var(--color-error-400) !important;
}

.count-chip-danger-outline .MuiCheckbox-root{
  color:#0000 !important;
}

.count-chip-danger .MuiCheckbox-root:hover,
.count-chip-danger-outline .MuiCheckbox-root:hover{
  background-color:initial !important;
}

.count-chip-grey-outline .MuiCheckbox-root{
  color:#0000 !important;
}

.count-chip-grey-outline .MuiCheckbox-root:hover{
  background-color:initial !important;
}

.count-chip-pending .MuiCheckbox-root{
  color:var(--color-secondary-400) !important;
}

.count-chip-pending-outline .MuiCheckbox-root{
  color:#0000 !important;
}

.count-chip-pending .MuiCheckbox-root:hover,
.count-chip-pending-outline .MuiCheckbox-root:hover{
  background-color:initial !important;
}

.count-chip-success-outline .text-of-chip{
  color:var(--color-success-400) !important;
}

.count-chip-pending-outline .text-of-chip{
  color:var(--color-secondary-400) !important;
}

.count-chip-danger-outline .text-of-chip{
  color:var(--color-error-400) !important;
}

.count-chip-grey-outline .text-of-chip{
  color:var(--color-grey-400) !important;
}

.count-chip .text-of-chip{
  color:var(--color-white);
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  line-height:var(--line-height-12);
  margin:auto;
  position:relative;
  text-align:center;
  vertical-align:-webkit-baseline-middle;
  z-index:999;
}

.count-chip .MuiCheckbox-root{
  left:calc(var(--space-14)*-1);
  position:absolute;
  top:calc(var(--space-8)*-1);
  z-index:9;
}

.count-chip-xl{
  font-size:var(--font-24);
  padding:var(--space-7-5) var(--space-10) var(--space-5) !important;
}

.text-color-blue{
  color:var(--color-tertiary-500);
  font-size:var(--font-12);
  margin-right:var(--space-10);
}

.text-color-grey{
  color:var(--color-grey-500) !important;
}

.input-color{
  color:var(--color-grey-600);
}

.text-color-blue:last-child{
  margin-right:var(--space-0);
}

.color-primary{
  color:var(--color-content-primary) !important;
}

.color-link,.color-link:focus,.color-link:visited{
  color:var(--color-tertiary-500);
}

.color-secondary{
  color:var(--color-content-secondary);
}

.color-tertiary{
  color:var(--color-content-tertiary);
}

.color-black{
  color:var(--color-black) !important;
}

.small-text{
  font-size:var(--font-12) !important;
}

.color-red{
  color:var(--color-error-400) !important;
}

.color-success{
  color:var(--color-success-500) !important
}

.color-danger,.color-failed{
  color:var(--color-error-400) !important
}

.color-failed-new{
  color:var(--color-error-600) !important;
}

.color-pending,.color-running{
  color:var(--color-secondary-500) !important
}

.color-white{
  color:var(--color-white) !important
}

.color-revoked{
  color:var(--color-badge-purple-text) !important
}

.color-stopped{
  color:var(--color-error-400) !important
}

.color-terminating-blue{
  color:var(--color-tertiary-800);
}

.color-unknown{
  color:var(--color-badge-purple-bg);
}

.color-error-in-container{
  color:var(--color-error-400)
}

.color-container-not-ready{
  color:var(--color-secondary-400)
}

.color-nav{
  color:var(--color-grey-500);
}

.color-icon-nav{
  color:var(--color-badge-blue-bg);
}

.line-normal{
  line-height:normal;
}

.color-red-failed{
  color:var(--color-error-600);
}

.word-break{
  word-break:break-word !important;
}

.word-wrap-break{
  word-wrap:break-word !important;
}

.SubHeader-manifest{
  align-items:center;
  background-color:var(--color-grey-100);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-top:var(--space-1) solid var(--color-border-grey);
  color:var(--color-badge-grey-text);
  display:flex;
  font-size:var(--font-12);
  height:var(--space-50);
  justify-content:space-between;
  margin:var(--space-5) -15px var(--space-5);
  padding:var(--space-0) var(--space-15);
}

.SubHeader-manifest .btn-clear{
  font-size:var(--font-11);
  margin:var(--space-0) var(--space-4) var(--space-0) var(--space-10);
}

.btn-lite-blue,.btn-lite-blue:hover{
  color:var(--color-tertiary-500) !important;
}

.table-grid-header{
  border-bottom:var(--space-2) solid var(--color-black);
  color:var(--color-black);
  display:grid;
  font-size:var(--font-12);
  padding:var(--space-5) var(--space-10)
}

.table-grid{
  height:var(--space-390);
  overflow-y:scroll;
}

.table-grid-body,.table-grid-header>p{
  padding:var(--space-5) var(--space-10);
}

.table-grid-body{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:grid;
  font-size:var(--font-12);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.table-grid-body:last-child{
  border-bottom:none;
}

.table-grid-body>div{
  color:var(--color-grey-500);
  padding:var(--space-5) 10px;
}

.table-grid-body div a,.table-grid-body>div{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.table-grid-body div a{
  color:var(--color-tertiary-500);
}

.table-grid-body div p{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.table-grid-body div a:visited{
  color:var(--color-tertiary-500);
}

.grid-temp-nine{
  grid-template-columns:12% 8% 8% 12% 12% 12% 12% auto 8%;
}

.grid-temp-six{
  grid-template-columns:15% 15% 20% 20% 20% 10%;
}

.grid-temp-three{
  grid-template-columns:45% 45% auto;
}

.grid-temp-four{
  gap:var(--space-10);
  grid-template-columns:25% 25% 25% auto;
}

.grid-temp-five{
  gap:var(--space-10);
  grid-template-columns:25% 15% 25% 15% auto;
}


.pod-lable{
  background-color:var(--color-badge-grey-bg);
  border-radius:var(--radius-4);
  color:var(--color-grey-500);
  cursor:pointer;
  font-size:var(--font-10);
  margin:var(--space-2);
  max-width:var(--space-200);
  overflow:hidden;
  padding:var(--space-5) 8px;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:fit-content;
}

.pods-full-width .pod-lable{
  max-width:fit-content !important;
}

.MuiListItem-root .pod-lable{
  max-width:var(--space-220);
}

.pod-lable:first-child{
  margin-left:var(--space-0);
}

.pod-lable:last-child{
  margin-right:var(--space-0);
}

.label-box{
  padding:var(--space-0) var(--space-20);
  width:var(--space-350);
}

.help-text{
  color:var(--color-tertiary-500);
}

.MuiListItem-button:hover{
  background-color:initial !important;
}

.title-dialogue{
  font-size:var(--font-13);
  font-weight:var(--font-weight-400);
}

.dialogue-header{
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  justify-content:space-between;
  padding:var(--space-10);
}

.dialogue-heading{
  display:flex;
  font-size:var(--font-16);
  line-height:var(--line-height-1-2);
}

.d-grid{
  display:grid;
}

.sub-header{
  color:var(--color-black);
  font-size:var(--font-13);
  line-height:var(--line-height-1-5);
  padding:var(--space-0) var(--space-10);
}

.sub-header,.sub-header.grid-temp-three{
  align-items:center;
  border-bottom:var(--space-2) solid var(--color-black);
  gap:var(--space-10);
}

.sub-header.grid-temp-three{
  font-size:var(--font-12);
  grid-template-columns:40% 40% auto;
}

.hover-white:hover{
  color:var(--color-white) !important;
}

.colo .pd-15px-lr{
  padding:var(--space-0) var(--space-15);
}

.grid-temp-three-dialogue{
  gap:var(--space-0) var(--space-10);
  grid-template-columns:40% 40% auto;
}

.input-addrow{
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  margin-bottom:var(--space-10);
}

.grid-temp-three-dialogue .input-component label{
  display:none;
}

.grid-temp-three-dialogue .input-component:first-child label:first-child,.grid-temp-three-dialogue .input-component:nth-child(2) label:first-child{
  display:inline;
}

.MuiDialogContent-root{
  padding:var(--space-8) !important;
}

.MuiDialogActions-root{
  border-top:var(--space-1) solid var(--color-border-grey);
  justify-content:space-between !important;
  padding-left:var(--space-15) !important;
  padding-right:var(--space-15) !important;
}

.MuiDialogActions-root .btn-blue-navi{
  justify-content:center;
  line-height:var(--line-height-1-4);
  padding:var(--space-10) !important;
  text-align:center;
}

.MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight{
  left:auto;
  right:var(--space-65) !important;
  top:var(--space-105) !important;
}

.heading-text{
  font-size:var(--font-12);
  line-height:var(--line-height-1-2);
  padding:var(--space-10) var(--space-0);
}

.labels-box .tags-input{
  min-height:var(--space-150);
}

.body-part .text-black{
  font-size:var(--font-12);
}

.text-color-black{
  color:var(--color-black) !important;
}

.text-color-181c20{
  color:var(--color-primary-900) !important;
  font-weight:var(--font-weight-500) !important;
}

.text-color-light-gray{
  color:var(--color-grey-500) !important;
}


.font-10{
  font-size:var(--font-10) !important;
}

.font-11{
  font-size:var(--font-11) !important;
}

.font-12{
  font-size:var(--font-12) !important;
}

.font-13{
  font-size:var(--font-13) !important;
}

.font-14{
  font-size:var(--font-14) !important;
}

.font-15{
  font-size:var(--font-15) !important;
}

.font-16{
  font-size:var(--font-16) !important;
}

.font-17{
  font-size:var(--font-17) !important;
}

.font-18{
  font-size:var(--font-18) !important;
}

.font-20{
  font-size:var(--font-20) !important;
}

.font-22{
  font-size:var(--font-22) !important;
}

.font-24{
  font-size:var(--font-24) !important;
}

.font-26{
  font-size:var(--font-26) !important;
}

.font-27{
  font-size:var(--font-27) !important;
}

.font-28{
  font-size:var(--font-28) !important;
}

.font-30{
  font-size:var(--font-30) !important;
}

.font-32{
  font-size:var(--font-32) !important;
}

.font-35{
  font-size:var(--font-35) !important;
}

.font-36{
  font-size:var(--font-36) !important;
}

.font-42{
  font-size:var(--font-42) !important;
}

.font-48{
  font-size:var(--font-48) !important;
}

.font-weight-300{
  font-weight:var(--font-weight-300) !important;
}

.font-weight-400{
  font-weight:var(--font-weight-400) !important;
}

.font-weight-500{
  font-weight:var(--font-weight-500) !important;
}

.font-weight-600{
  font-weight:var(--font-weight-600) !important;
}

.MuiDialog-root .MuiBackdrop-root{
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
}

.font-weight-700,.font-weight-bold{
  font-weight:var(--font-weight-700) !important;
}

.lh-1{
  line-height:var(--line-height-1) !important;
}

.lh-12{
  line-height:var(--line-height-1-2);
}

.lh-13{
  line-height:var(--line-height-1-3);
}

.text-grey-40{
  color:var(--color-grey-900) !important
}

.text-grey-83{
  color:var(--color-grey-600) !important;
}

.text-grey-72,.text-grey-new{
  color:var(--color-content-primary) !important;
}

.text-grey-b6{
  color:var(--color-grey-400) !important;
}

.text-grey-6e{
  color:var(--color-content-tertiary) !important;
}

.text-grey-9e,.text-grey-icon{
  color:var(--color-grey-500) !important
}

.text-grey-af{
  color:var(--color-grey-400) !important
}

.text-color-dark-gray{
  color:var(--color-badge-grey-text) !important;
}

.text-color-grey-mid{
  color:var(--color-content-primary) !important;
}

.body-part .text-gray{
  color:var(--color-grey-500);
  font-size:var(--font-12);
}

.body-part .text-blue-anchor{
  color:var(--color-tertiary-500);
  font-size:var(--font-12);
}

.progress-label.text-gray{
  color:var(--color-grey-500);
}

.text-blue-anchor{
  color:var(--color-tertiary-500) !important;
  font-size:var(--font-12);
}

.fix-contnet-200{
  white-space:normal !important;
  width:var(--space-200) !important;
}

.text-blue-anchor:visited{
  color:var(--color-tertiary-500) !important;
}

.text-blue-anchor:hover{
  cursor:pointer;
}

.body-part .text-anchor-blue,.body-part .text-blue-anchor:visited{
  color:var(--color-tertiary-500);
}

.body-part .text-anchor-blue,.text-anchor-blue{
  font-size:var(--font-12);
}

.text-anchor-blue{
  color:var(--color-tertiary-500) !important;
}

.text-view-log{

  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-500);
  line-height:normal;
  text-align:center;
  text-transform:uppercase;
}

.body-part .text-anchor-blue:visited,.text-anchor-blue:visited,.text-view-log{
  color:var(--color-tertiary-500);
}

.body-part .configure,.task{
  font-size:var(--font-12);
}

.flex-flow,.task{
  display:flex;
}

.flex-flow{
  flex-flow:wrap;
}

.cred-div{
  display:grid;
  gap:var(--space-20);
  grid-template-columns:80% 1fr;
}

.cursor-pointer:hover{
  cursor:pointer;
}

.btn-danger .MuiIconButton-root:hover{
  background-color:#00000008;
  border-radius:var(--radius-4);
}

.MuiIconButton-root:hover{
  background-color:#00000008;
  border-radius:var(--radius-4) !important;
}

.MuiIconButton-label{
  font-size:var(--font-12);
}

.load-more{
  border:var(--space-2) solid;
  border-radius:var(--radius-4);
  padding:var(--space-5) var(--space-15);
}

table{
  border-collapse:collapse;
}

.table-bordered{
  border:var(--space-1) solid var(--color-badge-grey-bg) !important;
}

.table-bordered td,
.table-bordered th{
  border:var(--space-1) solid var(--color-badge-grey-bg);
}

.table-responsive{
  overflow-x:auto;
  overflow-y:auto;
  width:100%;
  -webkit-overflow-scrolling:touch;
}

.duration-info-div{
  align-items:center;
  background-color:var(--color-pastel-yellow);
  display:flex;
  height:var(--space-30);
  padding:var(--space-20) var(--space-15);
  width:100%;
}

.duration-info-div>p{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
}

.duration-info-div>p>span{
  color:var(--color-tertiary-500);
  font-size:var(--font-12);
}

.msg{
  color:var(--color-grey-500)
}

.table{
  color:var(--color-content-primary);
  width:100%;
}

.table thead th{
  border-bottom:none;
  color:var(--color-black);
  vertical-align:middle;
}

.table th{
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
  color:var(--color-grey-900);
  font-size:var(--font-14);
  font-weight:var(--font-weight-500);
  padding:var(--space-7-5) var(--space-2-5);
  text-transform:capitalize;
  white-space:nowrap;
}

.table tr:nth-child(2) th{
  border-bottom:var(--space-0) solid var(--color-black) !important;
}

.table td,
.table th{
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
  color:var(--color-grey-500);
  font-size:var(--font-11);
  font-weight:var(--font-weight-400);
}

.no-pad-table td,.no-pad-table th,.table td,.table th{
  padding:var(--space-7-5) var(--space-7-5);
}

.table td a{
  color:var(--color-tertiary-500);
}

.baseline th{
  vertical-align:initial !important;
}

.baseline td{
  vertical-align:-webkit-baseline-middle !important;
}

.table td,
.table th{
  vertical-align:middle;
}


.table tbody,.table thead{
  width:100%;
}

.table th{
  border-bottom:var(--space-2) solid !important;
  text-align:left;
}

.no-pad-table th{
  padding-right:var(--space-0);
}

.table th tr th{
  border-bottom:var(--space-0) solid var(--color-black) !important;

}

.table td{
  white-space:nowrap;
}

.table td .pod-lable{
  display:inline-block;
  vertical-align:bottom;
}

.table tr:last-child td{
  border-bottom:var(--space-0) solid;
}

.subOptionChild{
  padding:var(--space-3) var(--space-12) !important;
}

.head .btn-round{
  margin-left:var(--space-10);
}

.master{
  background-color:var(--color-secondary-200) !important;
}

.worker{
  background-color:var(--color-pastel-blue-2) !important;
}

.label-for-multiselect{
  align-items:center;
  display:flex;
  font-size:var(--font-12);
}


.error-notice{
  margin:var(--space-5);
}

.danger{
  background-color:#d9534f1a;
  border-left-color:var(--color-error-400);
}

.expensionPanel{
  background-color:var(--color-grey-000);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  min-height:var(--space-175);
  padding:var(--space-10);
}

.expensionPanelHead{
  display:grid;
  grid-template-columns:25% 25% 25% 25%;
}

.eventListenerDetailsTab,.expensionPanelHead{
  border-bottom:var(--space-1) solid var(--color-border-grey);
}

.eventListenerDetailsTab{
  align-items:center;
  color:var(--color-content-secondary) !important;
  font-size:var(--font-16);
  font-style:normal;
  font-weight:var(--font-weight-500);
  justify-content:space-between;
  padding:var(--space-10) var(--space-8);
  text-align:center;
  width:100%;
}

.eventListenerDetailsTab.active{
  border-bottom:var(--space-2) solid var(--color-primary-500) !important;
  color:var(--color-primary-500) !important;
}

.databaseManagementTabs{
  align-items:center;
  color:var(--color-content-primary) !important;
  display:flex;
  font-family:Montserrat,sans-serif;
  font-size:var(--font-14);
  font-weight:var(--font-weight-500);
  justify-content:center;
  padding:var(--space-16) var(--space-20);
}

.databaseManagementTabs.active{
  border-bottom:var(--space-2) solid var(--color-tertiary-500) !important;
  color:var(--color-content-primary) !important;
  font-weight:var(--font-weight-600);
}

.databaseManagementSchemaTabs{
  align-items:center;
  color:var(--color-content-primary) !important;
  display:flex;
  font-family:Montserrat,sans-serif;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  justify-content:flex-start;
  padding:var(--space-4) var(--space-12);
}

.databaseManagementSchemaTabs.active{
  background-color:var(--color-tertiary-500);
  color:var(--color-white) !important;
  font-weight:var(--font-weight-500);
}

.oaerror{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-100);
  border-left-width:var(--space-5);
  border-radius:var(--radius-3);
  font-size:var(--font-16);
  margin:var(--space-10) var(--space-0);
  padding:var(--space-20);
  width:80%;
}

.danger strong{
  color:var(--color-error-400);
}

.btn-group{
  align-items:center;
  display:flex;
  gap:var(--space-12);
}

.btn-group .input-component .MuiIconButton-root{
  border-left:var(--space-0) !important;
}

.icon-box{
  border-radius:var(--radius-8);
  height:var(--space-74);
  overflow:hidden;
  width:var(--space-74);
}

.icon-box-top{
  color:var(--color-white);
  height:70%;
  text-align:center;
}

.icon-box-top .ri-lock-fill,
.icon-box-top .ri-lock-unlock-fill{
  line-height:var(--line-height-1-7);
}

.icon-box-top .ri-lock-fill:before,
.icon-box-top .ri-lock-unlock-fill:before{
  color:var(--color-white);
  font-size:var(--font-36) !important;

}

.icon-box-bottom{
  color:var(--color-white);
  height:30%;
  text-align:center;
}

.protected-icon-box.icon-box-top{
  background-color:var(--color-success-400);
  color:var(--color-white);
}

.protected-icon-box.icon-box-bottom{
  align-items:center;
  background-color:var(--color-success-500);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  justify-content:center;
  line-height:var(--line-height-2-2);
}

.public-icon-box.icon-box-top{
  background-color:var(--color-pastel-blue-2);
  color:var(--color-white);

}

.public-icon-box.icon-box-bottom{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  font-size:var(--font-12);
  line-height:var(--line-height-2-2);
}

.width-150-fix{
  width:var(--space-150) !important;
}

.width-200-fix{
  width:var(--space-200) !important;
}

.width-120-fixed{
  display:inline-block;
  max-width:var(--space-120);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.progress-per{
  color:var(--color-black);
  font-size:var(--font-10);
}

.progress-label{
  color:var(--color-black);
  font-size:var(--font-12);
}

.progress-circle-container{
  height:var(--space-200);
  width:var(--space-200);
}

.process-label-sec{
  line-height:var(--line-height-1-2);
  text-align:center;
}

.va-top td{
  vertical-align:top !important;
}

.nothing-to-load,.setup-summary .subheading{
  color:var(--color-grey-500);
  font-size:var(--font-12);
}

.setup-summary .mainheading{
  font-size:var(--font-14);
  line-height:var(--line-height-1-3);
}

.setup-summary{
  padding:var(--space-15) var(--space-10);
}

.sub-header-setup-summary{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:flex;
  font-size:var(--font-14);
  justify-content:space-between;
  min-height:var(--space-39);
  padding:var(--space-5) var(--space-10);
}

.sub-box-one-summary{
  border-right:var(--space-1) solid var(--color-border-grey);
  display:inline-block;
  height:var(--space-191);
  width:50%;
}

.sub-box-one-summary .body-part{
  padding:var(--space-10);
}

.sub-box-one-summary:only-child{
  border-right:var(--space-1) solid var(--color-border-grey);
}

.sub-box-one-summary:last-child{
  border-right:var(--space-0);
}

.loading-parent-div{
  height:var(--space-191);
}

.blank-section{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  width:100%;
}

.controller-dialogue-lable .grid-container{
  grid-template-columns:auto auto !important;
}

.ribbon{
  background-color:var(--color-error-400);
  border-radius:var(--radius-4);
  color:var(--color-white);
  font-size:var(--font-13);
  line-height:var(--line-height-1-4);
  padding:var(--space-8);
}

.preview-profile,.profile-section{
  align-items:center;
  display:flex;
}

.preview-profile{
  background-color:var(--color-grey-400);
  border-radius:var(--radius-full);
  color:var(--color-border-grey);
  font-size:var(--font-48);
  font-weight:bolder;
  height:var(--space-150);
  justify-content:center;
  margin-right:var(--space-20);
  overflow:hidden;
  width:var(--space-150);
}

.small-preview{
  font-size:var(--font-24);
  height:var(--space-60);
  width:var(--space-60);
}

.preview-profile img{
  height:100%;
  width:100%;
}

.table-grid-box .header{
  align-items:center;
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-grey-500);
  display:flex;
  font-size:var(--font-12);
  justify-content:space-between;
  padding:var(--space-5) var(--space-10);
}

.table-grid-box-body{
  height:var(--space-350);
  overflow:auto;
}

.form-card{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8);
}

.form-card-header{
  align-items:center;
  display:flex;
  font-size:var(--font-12);
  justify-content:space-between;
}

.form-card-body,.form-card-header{
  padding:var(--space-5) var(--space-10);
}

.input-switch .card-header{
  background-color:initial;
  border:none;
  border-radius:var(--radius-0);
}

.form-card-footer{
  align-items:center;
  border-top:var(--space-1) solid var(--color-border-grey);
  display:flex;
  justify-content:flex-end;
  padding:var(--space-10);
}

.unclickable-chip,.unclickable-chip:hover{
  cursor:default !important;
}

.unclickable-chip:hover{
  background-color:var(--color-white) !important;
  box-shadow:var(--space-0) var(--space-1) var(--space-4) var(--space-0) #00000021;
}

.unclickable-chip:hover a{
  color:var(--color-tertiary-500) !important;
}

.slider-billing .MuiSlider-thumb{
  height:var(--space-30) !important;
  margin-top:calc(var(--space-10)*-1);
  width:var(--space-30) !important;
}

.slider-billing .PrivateValueLabel-offset{
  top:var(--space-12);
}

.slider-billing .PrivateValueLabel-offset-239{
  background-color:initial;
  color:#0000;
  top:var(--space-10);
}

.slider-billing .PrivateValueLabel-circle-240{
  border-radius:var(--radius-full);
  font-size:var(--font-12);
}

.config-secret.card{
  border:var(--space-1) solid var(--color-border-grey) !important;
  border-radius:var(--radius-4);
  box-shadow:none;
}

.config-secret .card-header{
  height:auto;
}

.config-secret .card-header .input-component{
  margin-bottom:var(--space-0);
  width:fit-content;
}

.input-row{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding-top:var(--space-10)
}

.input-row:last-child{
  border-bottom:var(--space-0) solid var(--color-border-grey);
}

.class-remove-btn{
  display:none !important;
}

.card-body div:first-child .card .sub-header .class-remove-btn{
  display:flex !important;
}

.card-body div:only-child .card .sub-header .class-remove-delete-btn{
  display:none !important;
}

.blank-div .url{
  border:none;
  height:auto;
  width:auto;
}

.blank-div .url:hover{
  background-color:initial;
  color:var(--color-tertiary-500);

}

.justify-end{
  justify-content:flex-end;
}

.new-overview-card .card-header{
  border-bottom:var(--space-0);
  border-top:var(--space-1) solid var(--color-border-grey);
  height:auto;
  overflow:hidden;
  padding-bottom:var(--space-0);
  z-index:9;
}

.card-cicd{
  border-radius:var(--radius-0) var(--radius-0) var(--radius-4) var(--radius-4) !important;
}

.new-overview-card>.card-body{
  background-color:var(--color-grey-000);
  border-top:var(--space-1) solid var(--color-border-grey);
  padding-bottom:var(--space-0);
  position:relative;
  z-index:9;
}

.new-overview-card .subheader-cont{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-top:var(--space-0);

}

.new-overview-card .md-stepper-horizontal,.new-overview-card .subheader-cont{
  background-color:var(--color-white);
}

.new-overview-card .section-service-overview{
  padding:var(--space-10);
}

.card.pd-cont{
  border:none;
  border-radius:var(--radius-0);
}

.heading-key-value ul.headerul li{
  padding:var(--space-7) var(--space-15) !important;
}

.heading-key-value ul.headerul li.active{
  border-bottom:var(--space-2) solid var(--color-tertiary-500) !important
}

.kv-border .heading-key-value{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding-bottom:var(--space-0);
}

.section-service-overview{
  border-top:var(--space-0) !important;
}

.text-security{
  -webkit-text-security:disc;
}

.three-grd{
  gap:var(--space-0) var(--space-2);
  grid-template-columns:32% 32% 32% !important;
}

.data-key-value-pair p{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  width:100%;
}

.data-key-value-pair.overview-card-value-text{
  align-items:center !important;
  border-bottom:var(--space-1) solid var(--color-border-grey) !important;
  display:inherit !important;
  justify-items:flex-start;
  padding:var(--space-3) !important;
}

.master_role{
  margin-right:var(--space-10);
}

.master_role:last-child .comma,.master_role:only-child .comma{
  display:none;
}

.card-ser{
  border-radius:var(--radius-4);
  box-shadow:none;
  height:fit-content;
}

.card-title{
  font-size:var(--font-16);
  font-weight:var(--font-weight-400);
  margin-bottom:var(--space-12);
}

.card-ser .btn{
  display:inline-block !important
}

.v-2{
  margin:var(--space-0) var(--space-0) var(--space-10);
}

.v-2 ul.headerul li.active{
  background-color:var(--color-info-700);
  border:none;
  border-radius:var(--radius-4);
  color:var(--color-white);
}

.v-2 ul.headerul li,.v-2 ul.headerul li.active{
  border:var(--space-2) solid var(--color-info-700);
  padding:var(--space-0);
  text-align:center;
}

.v-2 ul.headerul li{
  border-radius:var(--radius-4);
  color:var(--color-info-700);
  height:var(--space-35);
  line-height:var(--line-height-35);
  margin-left:var(--space-3);
  margin-right:var(--space-3);
  text-transform:capitalize;
  width:var(--space-65);
}

.v-2 ul.headerul li:first-child{
  margin-left:var(--space-0);
}

.v-2 ul.headerul li:last-child{
  margin-right:var(--space-0);
}

.MuiSnackbar-anchorOriginTopRight{
  top:var(--space-30) !important;
}

.MuiSnackbar-root{
  z-index:99999999;
}

.card .class-control{
  border-top:none !important;
}

.cont-dialogue .MuiDialogActions-root{
  justify-content:flex-end !important
}

.addmore-cont .card-header{
  height:auto;
}

.chip-sq{
  color:#0000;
  height:fit-content;
  padding:var(--space-2) var(--space-5);
}

.chip-sq,.chip-sq-canary{
  background-color:initial;
  border-radius:var(--radius-4);
  font-size:var(--font-12);
  width:fit-content;
}

.chip-sq-canary{
  padding:var(--space-3) var(--space-5);
}

.dev-bg{
  background-color:var(--color-success-500) !important;
}

.dev-bg,.qa-bg{
  color:var(--color-white) !important;
}

.qa-bg{
  background-color:var(--color-grey-500) !important;
}

.stagin-bg{
  background-color:var(--color-info-400) !important;
}

.stagin-bg,.uat-bg{
  color:var(--color-white) !important;
}

.uat-bg{
  background-color:var(--color-tertiary-400) !important;
}

.prod-bg{
  background-color:var(--color-grey-500) !important;
}

.devops-bg,.prod-bg{
  color:var(--color-white) !important;
}

.devops-bg{
  background-color:var(--color-success-400) !important;
}

.dev-chip{
  background-color:var(--color-success-500);
}

.dev-chip,.qa-chip{
  color:var(--color-white);
}

.qa-chip{
  background-color:var(--color-grey-500);
}

.devops-chip{
  background-color:var(--color-info-400);
}

.admin-chip,.devops-chip{
  color:var(--color-white);
}

.admin-chip{
  background-color:var(--color-grey-500);
}

.chip-sq-primary{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.chip-sq-default{
  background-color:var(--color-secondary-400);
  color:var(--color-white)
}

.chip-sq-success{
  background-color:var(--color-success-200);
  color:var(--color-white)
}

.chip-sq-info{
  background-color:var(--color-success-600);
  color:var(--color-white)
}

.plane-chip .chip-default.chip-blue{
  background-color:initial !important;
  box-shadow:none !important;
  color:var(--color-tertiary-500) !important;
  font-size:var(--font-11);
}

.btn-section .btn:first-child{
  margin-right:var(--space-5);
}

.btn-section .btn:last-child{
  margin-left:var(--space-5);
}

.logs-context #viewFullLogs{
  position:relative !important;
}

.mutli-com-controller .header-cont.MuiGrid-grid-lg-11{
  flex-basis:91.666667%;
  flex-grow:0;
  max-width:88.666667%;
}

.text-box{
  margin:var(--space-20)
}

.v-radio .input-component .MuiFormGroup-row{
  flex-direction:column;
}

.text-box .main-text{
  font-size:var(--font-16);
  margin-bottom:var(--space-15) !important;
}

.text-box .main-text,.text-box .sub-text{
  color:var(--color-tertiary-800);
  line-height:var(--line-height-1-2);
}

.text-box .sub-text{
  font-size:var(--font-13);
}

.cursor-not-allowed,
.cursor-not-allowed:hover{
  background-color:inherit !important;
  border:var(--space-1) solid #9e9e9e33 !important;
  color:#9e9e9e33 !important;
  cursor:not-allowed !important;
}

.btn-disable{
  background-color:var(--color-overlay-black-54) !important;
  border-color:var(--color-overlay-black-54) !important;
  color:var(--color-white) !important;
}

.btn-disable:hover{
  background-color:var(--color-overlay-black-72) !important;
  border-color:var(--color-overlay-black-72) !important;
}

.disabled-text-box .btn-submit,.disabled-text-box .btn-submit:hover,.disabled-text-box a.btn-submit:hover{
  cursor:not-allowed;
}

.border-style-dashed{
  border-style:dashed !important;
}

.box-with-btn,.box-with-btn .text-color-dark-grey{
  line-height:var(--line-height-1-2) !important;
}

.box-with-btn .text-color-dark-grey{
  color:var(--color-grey-500) !important;
}

.box-with-btn span{
  display:inline;
}

.service-affinity-box{
  background-color:var(--color-grey-000);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  height:var(--space-300);
  overflow-y:scroll;
  width:100%;
}

.service-affinity-box::-webkit-scrollbar{
  width:var(--space-0) !important;
}

.card-second-level{
  margin-bottom:var(--space-15);
}

.third-level-child .box-third-level .vertical-border-third{
  margin-top:calc(var(--space-63)*-1);
}

.box-third-level:last-child .vertical-border-third,
.box-third-level:only-child .vertical-border-third{
  height:var(--space-96);

}

.horizontaltab-modifier{
  border-bottom:var(--space-1) solid var(--color-border-grey);
}

.horizontaltab-modifier ul.headerul li{
  padding:var(--space-8) var(--space-20);
}

.chip-overview{
  margin:var(--space-3);
}

.btn-submit.ri-palette-fill{
  color:var(--color-white);
  margin-left:var(--space-0);
  margin-right:var(--space-5);
}

.btn-link-only{
  border:none !important;
  padding:var(--space-0) !important;
}

a.btn-link-anchor:hover{
  background-color:initial !important;
  color:var(--color-tertiary-500) !important
}

.btn-link-green{
  color:var(--color-success-400);
}

.btn-link:hover{
  text-decoration:underline !important;

}

.MuiDialog-paperFullScreen #viewFullLogs{
  bottom:var(--space-0);
}

.switch-only .card{
  border-radius:var(--radius-0);
}

.switch-only .card-header{
  background-color:var(--color-grey-000);
  border:var(--space-0) solid var(--color-border-grey);
}

.menu-cont svg{
  vertical-align:sub;
}

.error-container-multiline,.text-ellipsis-multiline{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.text-ellipsis-multiline,.text-ellipsis-twoline{
  white-space:break-spaces;
}

.text-ellipsis-twoline{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.error-container{
  margin-top:var(--space-10);
}

.vertical-top svg{
  vertical-align:text-top;
}

.vertical-bottom{
  vertical-align:bottom;
}

.vertical-text-bottom{
  vertical-align:text-bottom;
}

.v-align-middle{
  vertical-align:middle;
}

.circle-status-skipped .ri-corner-right-up-line::before{
  color:var(--color-tertiary-400) !important;
  font-size:var(--font-14) !important;
}

.cd-m{
  margin:var(--space-20) var(--space-15) !important;
  overflow:hidden;
}

.cd-m .card-header{
  border:var(--space-0) solid;
  padding:var(--space-10);
}

.cd-h .card-header,.cd-m .card-header{
  border-bottom:var(--space-1) solid var(--color-border-grey);
}

.loading-10px .top-0px{
  top:var(--space-10) !important
}

.loading-10px .loading-gif-container-two{
  z-index:9;
}

.recent-deployment{
  align-items:center;
  display:flex;
  padding:var(--space-40);
}

.recent-deployment .progress-arrow:nth-child(4){
  display:none;
}

.menu-item .MuiSvgIcon-root{
  vertical-align:sub;
}

.menu-item{
  border-bottom:var(--space-1) solid var(--color-border-grey) !important;
  margin-left:var(--space-10) !important;
  margin-right:var(--space-10) !important;
  padding-left:var(--space-3) !important;
  padding-right:var(--space-3) !important;
}

.menu-item:last-child{
  border-bottom:none !important;
}

.grid-temp-6{
  gap:var(--space-10);
  grid-template-columns:12% 14% 8% 12% 1fr 1fr
}

.border-bottom-black{
  border-bottom:var(--space-2) solid var(--color-black);
}

.border-bottom-grid{
  border-bottom:var(--space-1) solid var(--color-border-grey);
}

.border-bottom-grid:last-child{
  border-bottom:var(--space-0);
}

.highcharts-center-data{
  border-radius:var(--radius-full);
  color:var(--color-content-primary);
  fill:var(--color-content-primary);
  font-size:var(--font-18);
  height:var(--space-200);
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:var(--space-200);
}

.success-data{
  background-color:var(--color-grey-000);
  border:var(--space-2) dashed var(--color-success-400);
}

.pending-data{
  background-color:var(--color-pastel-yellow);
  border:var(--space-2) dashed var(--color-secondary-400);
}

.danger-data{
  background-color:var(--color-badge-red-bg);
  border:var(--space-2) dashed var(--color-error-400);
}

.not-found-data{
  background-color:var(--color-grey-100);
  border:var(--space-2) dashed var(--color-grey-600);
}

.processing-data{
  background-color:var(--color-badge-blue-bg);
  border:var(--space-2) dashed var(--color-info-900);
}

.round-div{
  align-items:center;
  border-radius:var(--radius-full);
  display:flex;
  font-size:var(--font-20);
  height:var(--space-55);
  justify-content:center;
  margin:var(--space-3);
  width:var(--space-55);
}

.processing-state{
  background-color:var(--color-info-900);
  color:var(--color-white);
}

.success-state{
  background-color:var(--color-success-400);
  color:var(--color-white);
}

.pending-state{
  background-color:var(--color-secondary-400);
  color:var(--color-white);
}

.not-found-state{
  background-color:var(--color-grey-600);
  color:var(--color-white);
}

.multi-hightchart-center-data{
  border-radius:var(--radius-full);
  color:var(--color-content-primary);
  fill:var(--color-content-primary);
  font-size:var(--font-18);
  height:var(--space-200);
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:var(--space-200);
  z-index:1;
}

.highcharts-label.highcharts-tooltip.highcharts-color-0:hover{
  z-index:9 !important;
}

.gen-data{
  display:block;
  margin:auto;
  text-align:center;
}

.v-align-sub{
  vertical-align:sub;
}

.grid-template-single-pods{
  grid-template-columns:25% 75%;
}

.bottom-panel .headerul{
  padding:var(--space-10) var(--space-20)
}

.bottom-panel .headerul li .active{
  border:var(--space-1) solid var(--color-border-grey);
  border-bottom:none;
  border-radius:var(--radius-5) var(--radius-5) var(--space-0) var(--space-0)
}

.square-box{
  align-items:center;
  background-color:initial;
  border-radius:var(--radius-2);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  height:var(--space-35);
  justify-content:center;
  padding:var(--space-10);
  width:var(--space-35);
}

.text-transform-lower{
  text-transform:lowercase;
}

.text-capatalize{
  text-transform:capitalize;
}

.text-transform-uppercase{
  text-transform:uppercase !important;
}

.text-transform-capitalize{
  text-transform:capitalize !important;
}

@media(max-width:1280px){
  .highcharts-center-data{
    left:38%;
    top:24%;
  }
}

@media (min-width:1920px){
  .highcharts-center-data{
    left:42%;
    top:24%;
  }
}

.highcharts-container{
  position:inherit !important;
}

.highcharts-tooltip{
  z-index:99999;
}

.highcharts-tooltip-container{
  z-index:999999 !important;
}

@media (min-width:1280px){
  .content-1{
    left:var(--space-70) !important;
  }
}

@media (min-width:1430px){
  .content-1{
    left:var(--space-70) !important;
  }
}

.coming-soon-chip{
  background-color:var(--color-info-700) !important;
}

.btn-link:hover .Y6{
  text-decoration:none !important;
}

th.cont-th-db{
  padding:var(--space-0)
}

.table-default td,
.table-default th{
  padding:var(--space-10) !important;
}

th.cont-th-db .table th{
  border-bottom:none !important;
  padding:var(--space-0) var(--space-12-5);
}


.table.border-grid td,.table.border-grid th{
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-top:none;
}

.border-top-none{
  border-top:none !important;
}


.border-none td,.border-none th{
  border-left:none !important;
  border-right:none !important;
  border-top:none !important;
}

.table-layout-fixed{
  table-layout:fixed;
}

.fixed-four td:first-child,.fixed-four td:nth-child(2),.fixed-four th:first-child,.fixed-four th:nth-child(2){
  width:25% !important;
}


.fixed-four td:nth-child(3),.fixed-four th:nth-child(3){
  width:10% !important;
}


.fixed-four td:nth-child(4),.fixed-four th:nth-child(4){
  width:40% !important;
}

.table-striped tbody>tr:nth-of-type(odd){
  background-color:var(--color-grey-000);
}

.variant-button ul.headerul li{
  color:var(--color-info-500);
  margin:auto;
  text-transform:capitalize;
}

.variant-button ul.headerul li.active{
  background-color:var(--color-info-500);
  border-bottom:var(--space-0);
  border-radius:var(--radius-4);
  color:var(--color-white);
  padding:var(--space-10);
}

.custom-width .MuiDialog-paperScrollPaper{
  width:60em
}

.double-thumb-slider{
  align-items:center;
  display:grid;
  gap:var(--space-10);
  grid-template-columns:70% 1fr;
  justify-content:center;
  justify-items:center
}

.inner-card .with-header{
  background-color:var(--color-grey-000);
}

.inp-cont .input-component{
  margin-bottom:var(--space-0);
}

.inp-cont input{
  height:var(--space-38);
  padding:var(--space-5);
  width:var(--space-50);
}

.switch-controller{
  background-color:var(--color-white);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding:var(--space-10);
}

.switch-controller .card-header{
  background-color:var(--color-white);
  border-bottom:none;
  height:auto;
  padding:var(--space-0);
}

.switch-controller .card-header .heading{
  font-size:var(--font-12);
}

.switch-cont .input-component{
  margin-bottom:var(--space-0);
}

.inp .input-with-btn{
  border:none;
}

.type-checkbox .input-component .error-message{
  display:block;
}

.inp .input-with-btn input.range-slider-input{
  width:var(--space-120);
}

.inp .MuiSlider-root{
  width:70% !important;
}

.m-footer .card-header{
  background-color:inherit;
  border-bottom:var(--space-0);
}

.MuiInputBase-root{
  height:auto !important;
  line-height:auto !important;
}

.MuiInputBase-input{
  border:var(--space-1) solid var(--color-grey-400) !important;
  border-radius:var(--radius-4) !important;
  line-height:var(--line-height-2);
}

.MuiTextField-root:hover{
  border:var(--space-1) solid var(--color-info-500) !important;
  border-radius:var(--radius-4) !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{
  border:var(--space-0) solid var(--color-info-500) !important;
  border-radius:var(--radius-4) !important;
  box-shadow:none !important;
  outline:none !important;
}

.MuiInputBase-input{
  font-size:var(--font-12);
  height:auto;
}

.MuiOutlinedInput-notchedOutline{
  border-color:#0000 !important;
}

.MuiInputBase-input::placeholder{
  color:var(--color-grey-300) !important;
}

.auto-complete-dropdown-ticketing .MuiInputBase-input,.auto-complete-dropdown-ticketing .MuiInputBase-root .MuiAutocomplete-inputFocused:focus{
  border:none !important;
}

.input-component .MuiFormControl-fullWidth:hover{
  border:var(--space-0) solid var(--color-grey-400) !important;
}

.env-tabs{
  position:relative;
  top:var(--space-1);
}

ul.headerul.env-tabs li.active{
  border:var(--space-1) solid var(--color-border-grey);
  border-bottom:var(--space-0) solid var(--color-white);
  border-radius:var(--radius-4) 4px var(--space-0) var(--space-0);
  z-index:99;
}

ul.headerul.env-tabs li.active,ul.headerul.env-tabs li.active span{
  color:var(--color-primary-500) !important;
}

ul.headerul.env-tabs li.active span.badge{
  color:var(--color-white) !important;
}

.card-sub-header ul.headerul li.active{
  border-bottom:var(--space-3) solid var(--color-primary-500);
  color:var(--color-primary-500);
}

.v-3 .headerul li.active{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-bottom:var(--space-0) solid var(--color-border-grey);
  border-radius:var(--radius-4) 4px 0 0;
  color:var(--color-primary-500) !important;
  position:relative;
  top:var(--space-1);
}


.btn-icon-group{
  align-items:center;
  background-color:initial;
  border:var(--space-1) solid var(--color-tertiary-600);
  border-radius:var(--radius-4);
  display:inline-flex;
}


.btn-icon-group .btn-disabeld,.btn-icon-group .btn-remixicon{
  border-right:var(--space-1) solid var(--color-tertiary-600) !important;
  color:var(--color-tertiary-600) !important;
  padding:var(--space-5) var(--space-9) !important;
}

.btn-remixicon span[ class^="ri"]{
  color:var(--color-tertiary-500);
  margin:var(--space-0) var(--space-5) var(--space-0) var(--space-5);
}

.btn-icon-group .btn-remixicon:hover{
  background-color:var(--color-secondary-500);
  border-radius:var(--radius-0);
  margin:var(--space-0);
}

.btn-icon-group .btn-disabeld{
  color:var(--color-grey-400);
}

.btn-icon-group .btn-disabeld:hover{
  cursor:not-allowed;
}

.btn-disabled-new{
  border:var(--space-1) solid #8080801a !important;
  color:var(--color-badge-grey-bg) !important;
}

.btn-disabled-new:hover{
  background-color:var(--color-white) !important;
  cursor:not-allowed !important;
}

.btn-icon-group .btn-remixicon:hover{
  color:var(--color-white) !important;

}

.btn-icon-group .btn-remixicon:last-child{
  border-right:var(--space-0) solid var(--color-tertiary-600) !important;
}


.btn-icon-group .btn-disabeld,.btn-icon-group .btn-remixicon{
  margin:var(--space-0) !important;
}

.btn-group.btn-icon-group .btn:last-child{
  border-right:var(--space-0) solid !important;
}

.multiple-div .with-header{
  align-items:center;
  background-color:var(--color-grey-100);
  color:var(--color-badge-grey-text);
  display:flex;
  font-size:var(--font-12);
  height:var(--space-50);
  justify-content:space-between;
  margin:var(--space-5) var(--space-0) var(--space-5);
  padding:var(--space-0) var(--space-15);
}

.multiple-div .with-header,.with-header-step{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-top:var(--space-1) solid var(--color-border-grey);
}

.vertical-tabs-settings ul.headerul{
  display:block !important;
}

.vertical-tabs-settings ul.headerul li{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding-bottom:var(--space-13);
  padding-top:var(--space-13);
  text-transform:capitalize;
}

.vertical-tabs-settings ul.headerul li.active{
  background-color:var(--color-white);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-tertiary-500);
  font-weight:var(--font-weight-700);
  left:var(--space-1);
  position:relative;
}

.vertical-tabs-settings.active_bar ul.headerul .not-active-bar li{
  background-color:var(--color-grey-000);
  color:var(--color-tertiary-500);
  font-weight:var(--font-weight-500);
}

.vertical-tabs-settings.active_bar ul.headerul .active-bar li.active{
  background-color:var(--color-white);
  color:var(--color-black);
  font-weight:var(--font-weight-500);
}

.vertical-tabs-settings.active_bar ul.headerul li.active{
  background-color:var(--color-white);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-badge-grey-text);
  font-weight:var(--font-weight-400);
  left:var(--space-0);
  position:relative;
}

.vertical-tabs ul.headerul{
  display:block;
}

.vertical-tabs ul.headerul li.active{
  background-color:var(--color-white);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-tertiary-500);
  font-weight:var(--font-weight-700);
  left:var(--space-1);
}

.vertical-tabs.active_bar ul.headerul .not-active-bar{
  border-left:var(--space-5) solid var(--color-primary-500);
}

.vertical-tabs.active_bar ul.headerul .active-bar{
  border-left:var(--space-5) solid var(--color-secondary-500);
}

.vertical-tabs ul.headerul li{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  padding-bottom:var(--space-13);
  padding-top:var(--space-13);
  text-transform:capitalize;
}

.vertical-tabs.active_bar ul.headerul li.active{
  background-color:var(--color-white);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-badge-grey-text);
  font-weight:var(--font-weight-400);
  left:var(--space-0);
  position:relative;
}

.light-loading-container{
  height:var(--space-300);
}

.search-bar .input-component input:focus{
  border:none!important
}

.btn-group .MuiIconButton-root{
  border-left:var(--space-1) solid var(--color-tertiary-600) !important;
  border-radius:var(--radius-0);
  padding:var(--space-5) var(--space-9) !important
}

.btn-grp-handle .MuiIconButton-root{
  border-left:none !important;
}

.MuiFormControlLabel-root.Mui-disabled{
  margin-left:var(--space-0);
}

.Mui-disabled.MuiFormControlLabel-label{
  margin-left:var(--space-5);
}

.Mui-disabled .MuiRadio-root{
  color:var(--color-grey-500) !important;
}

.Mui-disabled .MuiIconButton-root{
  background-color:initial !important;
  border:none !important;
  border-radius:var(--radius-0) !important;
}

.condition-grid{
  padding:var(--space-0) var(--space-0);
}

.condition-grid p{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:grid;
  grid-template-columns:70% 1fr;
  padding:var(--space-6) var(--space-8);
}

.condition-grid p .key{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}

.condition-grid p.custion_fields{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:grid;
  gap:var(--space-10);
  grid-template-columns:1fr 1fr 1fr 1fr;
  padding:var(--space-6) var(--space-8);
}

.condition-grid p:last-child{
  border-bottom:var(--space-0) solid var(--color-border-grey);
}

.text-white{
  color:var(--color-white) !important;
}

.single-row td{
  vertical-align:middle !important;
}

.alert-primary-1{
  background-color:var(--color-badge-blue-bg);
  border-color:var(--color-tertiary-200);
  color:var(--color-primary-500);
}

.alert-1{
  border:var(--space-1) solid #0000;
  border-radius:var(--radius-0);
  font-size:var(--font-12);
  padding:var(--space-10) var(--space-10);
  position:relative;
}

.section-input-1-1 .card-header{
  background-color:initial;
  border:none;
  width:var(--space-300);
}

.h-12 .loading-text-cc{
  height:var(--space-30)
}

.border-left-blue{
  border-left:var(--space-1) solid var(--color-tertiary-600) !important;
  margin-left:var(--space-0) !important;
}

.yamlName:hover{
  cursor:pointer;
}

.integration-checklist__copy-button{
  background-color:var(--color-white);
  border:var(--space-0);
  cursor:pointer;
  display:block;
  margin-left:var(--space-5);
  position:relative;
}

.integration-checklist__copy-button:before{
  left:var(--space-3);
  top:var(--space-14);
}

.integration-checklist__copy-button.copybutton:before,.integration-checklist__copy-button:before{
  border-bottom:var(--space-5) solid #000000b8;
  border-left:var(--space-5) solid #0000;
  border-right:var(--space-5) solid #0000;
  content:"";
  display:none;
  height:0;
  position:absolute;
  width:var(--space-0);
  z-index:9998;
}

.integration-checklist__copy-button.copybutton:before{
  left:var(--space-53);
  top:var(--space-38);
}

.integration-checklist__copy-button:after{
  left:calc(var(--space-50)*-1);
}

.integration-checklist__copy-button.copybutton:after,.integration-checklist__copy-button:after{
  background:#000000b8;
  border-radius:var(--radius-3);
  color:var(--color-white);
  content:"Copy to Clipboard";
  display:none;
  font-size:var(--font-10);
  height:var(--space-36);
  line-height:var(--line-height-36);
  position:absolute;
  text-align:center;
  width:var(--space-114);
  z-index:9999;
}

.integration-checklist__copy-button.copybutton:after{
  left:var(--space-0);
  top:var(--space-43);
}


.integration-checklist__copy-button:hover:after,.integration-checklist__copy-button:hover:before{
  display:block;
}

.integration-checklist__copy-button:active,
.integration-checklist__copy-button:focus{
  outline:none;
}

.integration-checklist__copy-button:active:after,
.integration-checklist__copy-button:focus:after{
  content:"Copied!";
}

.signature{
  bottom:var(--space-12);
  color:#00000012;
  font-size:var(--font-10);
  position:absolute;
  right:var(--space-12);
}

.MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"]{
  padding:var(--space-0) var(--space-0) !important
}

.MuiTextField-root .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input{
  padding:var(--space-0) var(--space-4) !important;
}

.input-component .slider-controller{
  flex-direction:column-reverse;
}

.slider-controller .input-with-btn{
  display:none !important;
}

.card-autoscaling .slider-controller .input-with-btn{
  display:block !important;
}

.card-autoscaling .input-component .slider-controller{
  flex-direction:row;
}

.slider-sm .slider-controller{
  flex-direction:row !important;
}

.slider-sm .input-with-btn{
  display:block !important;
}

.card-header.deployment-strategy{
  border-top:none !important;
}

.deployment-strategy .input-component{
  align-items:center;
  display:flex;
  margin-bottom:var(--space-10);
}

.deployment-strategy{
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg) !important;
}

.msg-box__1{
  background-color:#fcfcfc;
  border:var(--space-1) solid #dedede;
  border-radius:var(--radius-4);
  padding:var(--space-10);
}

.arrow_icon{
  border:var(--space-3) solid var(--color-tertiary-800);
  border-radius:var(--radius-16);
  display:inline-block;
  height:var(--space-32);
  margin-left:var(--space-50);
  margin-right:var(--space-60);
  width:var(--space-32);
}

.canary_template_row .row_canary:last-child .arrow_icon{
  display:none;
}

.bar-grid{
  display:inline-block;
  padding:var(--space-10);
  width:var(--space-65)
}

.row_canary{
  padding-bottom:var(--space-15);
}

.bb-important{
  border-bottom:var(--space-1) solid var(--color-border-grey) !important;
}

.sm-card{
  border-radius:var(--radius-4);
  overflow:hidden;
  padding:var(--space-0);
  text-align:center;
  width:var(--space-180);
}

.sm-card-header{
  font-size:var(--font-13);
  padding:var(--space-12) var(--space-0);

}

.sm-card-body{
  background-color:var(--color-grey-100);
  padding:var(--space-25) var(--space-0);
}

.sm-card-body p{
  font-weight:var(--font-weight-200);
}

.sm-card-footer{
  color:var(--color-white);
  font-size:var(--font-13);
  padding:var(--space-12) var(--space-0);
}

.bg-primary{
  background-color:var(--color-tertiary-500) !important;
}

.bg-success{
  background-color:var(--color-success-400);
}

.bg-processing{
  background-color:var(--color-secondary-400);
}

.bg-failed{
  background-color:var(--color-error-400);
}

.bg-pending{
  background-color:var(--color-badge-grey-bg);
}

.bg-initiated{
  background-color:var(--color-tertiary-800);
}

.bg-dark-blue-124{
  background-color:var(--color-primary-500);
}

.bg-revoked{
  background-color:var(--color-badge-purple-bg);
}

.bg-running{
  background-color:var(--color-tertiary-500);
}

.canary_template_row.sm-card-sec{
  padding-left:var(--space-30);
  padding-right:var(--space-30);
}

.sm-card-sec .row_canary{
  align-items:center;
  display:inline-flex;
  padding-bottom:var(--space-40);
}

.header__section{
  display:grid;
  gap:var(--space-40);
  grid-template-columns:1fr var(--space-235);
  padding:var(--space-20) var(--space-30) var(--space-35);
}

.slider-with-value{
  align-items:center;
  display:grid;
  gap:var(--space-10);
  grid-template-columns:var(--space-80) 1fr;
}

.slider-value{
  color:var(--color-content-tertiary);
  font-size:var(--font-34);
  font-weight:var(--font-weight-200);
  line-height:var(--line-height-1);
}

.slider-with-value-heading{
  font-size:var(--font-12);
  font-weight:var(--font-weight-300);
}

.slider-with-value-heading span{
  color:var(--color-content-tertiary);
}

.accordian-card .MuiExpansionPanelSummary-content.Mui-expanded{
  margin:var(--space-0);
}

.accordian-card .MuiExpansionPanelSummary-root.Mui-expanded{
  min-height:var(--space-48);
}

.accordian-card.MuiPaper-elevation1{
  box-shadow:none;
}

.accordian-card .MuiExpansionPanelDetails-root{
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-0) var(--space-0) 4px 4px;
}

.details-label .navigation_buttons{
  top:var(--space-9)
}

.navigation_buttons .btn-round-primary-outline-1,.navigation_buttons.btn-group-1{
  align-items:center;
  display:flex;
  justify-content:center;
}

.navigation_buttons .btn-round-primary-outline-1{
  background-color:initial;
  border:var(--space-2) solid var(--color-tertiary-500);
  border-radius:var(--radius-18);
  color:var(--color-tertiary-500);
  height:var(--space-36);
  margin-left:var(--space-3);
  margin-right:var(--space-3);
  width:var(--space-36);
}

.navigation_buttons .btn-round-primary-outline-1:hover{
  background-color:var(--color-tertiary-500);
  border:var(--space-2) solid var(--color-tertiary-500);
  color:var(--color-white);
}

.feature_tag_div{
  align-items:center;
  display:grid;
  gap:var(--space-50);
  grid-template-columns:80% 1fr;
  overflow:hidden;
  padding-left:var(--space-15);
  padding-right:var(--space-15);
  transition:all .5s ease-in-out;
}

.deploy_class .input-component label{
  display:inline-block;
  margin-bottom:var(--space-6);
}

.external-temp-2{
  grid-template-columns:var(--space-240) 1fr;
}

.min-height-500{
  min-height:var(--space-500);
}

.sq-avt{
  background-color:var(--color-grey-100);
  border-radius:var(--radius-4);
  height:var(--space-50);
  width:var(--space-50);
}

.group-list .vertical-tabs ul.headerul li div{
  text-transform:lowercase;
}

#simple-menu .transparent-btn{
  color:var(--color-badge-grey-text) !important;
}

.border-bottom.border-bottom-last-child:last-child{
  border-bottom:var(--space-1) solid var(--color-border-grey) !important
}

.btn-group.btn-icon-group .MuiIconButton-root{
  border-left:var(--space-0) !important
}

.sm-checkbox-wrapper .icon-section .btn-group .label-for-multiselect{
  margin-left:var(--space-3);
  margin-right:var(--space-3);
}


.sm-checkbox-wrapper .icon-section .btn-group .label-for-multiselect .MuiButtonBase-root:hover,
.sm-checkbox-wrapper .icon-section .btn-group .label-for-multiselect .count-chip .text-of-chip:hover,.sm-checkbox-wrapper .icon-section .btn-group .label-for-multiselect:hover{
  cursor:not-allowed !important;
}

.input-mb-0 .input-component{
  margin-bottom:var(--space-0) !important
}

.auto-complete-dropdown .input-component .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input{
  padding:var(--space-9-5) var(--space-4) !important
}

.auto-complete-dropdown-42 .input-component .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input,.auto-complete-dropdown-43 .input-component .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input{
  font-size:var(--font-14) !important;
  font-weight:var(--font-weight-500) !important;
  height:auto;
  line-height:var(--line-height-2) !important;
  padding:var(--space-5) var(--space-14) !important;
}

.MuiInputBase-root .MuiAutocomplete-inputFocused:focus{
  border:var(--space-1) solid var(--color-grey-400) !important;
  outline:none;
}

.section-service-overview .manual-height{
  height:60vh;
}

.btn-round-v2{
  background-color:var(--color-white);
  border-radius:var(--radius-full);
  filter:drop-shadow(.877px 1.798px var(--space-4) rgba(0, 0, 0, .06));
  height:var(--space-35);
  width:var(--space-35);
}

.btn-round-v2,.verifed-box{
  align-items:center;
  display:flex;
  justify-content:center;

}

.verifed-box{
  background-color:var(--color-success-500);
  border:var(--space-2) solid var(--color-success-500);
  border-radius:var(--radius-4);
  color:var(--color-white);
  line-height:var(--line-height-1-5);
  padding:var(--space-7-5) var(--space-10);
  width:100%;

}

.btn-round-primary-outline-1,.verifed-box{
  font-size:var(--font-12);
  text-align:center;
}

.btn-round-primary-outline-1{
  background-color:var(--color-white);
  border:var(--space-2) solid #0000 !important;
  border-color:var(--color-tertiary-500);
  border-radius:var(--radius-20);
  color:var(--color-tertiary-500);
  cursor:pointer;
  display:inline-block;
  font-weight:var(--font-weight-400);
  height:var(--space-40);
  line-height:var(--line-height-1-4);
  padding:.75rem var(--space-10);
  text-shadow:var(--space-0) var(--space-2) var(--color-overlay-black-26);
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:middle;
  width:var(--space-40);
}

.btn-round-primary-outline-1:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);

}

.card-ser .card-body .btn-primary-v2.d-block{
  display:block !important;
}

.input-controller.with-error .error-message{
  position:relative !important;
}

.sch-inp-controller .heading{
  display:none;
}

.sch-inp-controller .input-component{
  align-items:center;
  display:flex;
  margin-bottom:var(--space-0) !important;
}

.cust-border .input-component input{
  border-left:none;
  border-radius:var(--radius-0);
}

.cust-bor-r .input-component select{
  border-radius:var(--radius-0);
}


.remove-margin-from-input .input-component{
  margin-bottom:var(--space-0) !important;
}

.display-inline-flex{
  display:inline-flex;
}

.gap-8{
  gap:var(--space-8) !important;
}


.card-header-switch .card-header .heading{
  color:var(--color-content-secondary);
  font-size:var(--font-12);
}

.full-width-switch .card-header{
  border:var(--space-1) solid var(--color-border-grey);
}

.drop-file-style{
  border:var(--space-2) dashed var(--color-grey-300);
}


.job-template-card{
  border-top:var(--space-3) solid var(--color-grey-600);
}

.job-template-left-connection{
  border-left:var(--space-3) solid var(--color-grey-600);
}

.job-template-parent:last-child .job-template-left-connection{
  border-left:none !important;

}

.job-template-left-connection-step{
  border-left:var(--space-3) solid var(--color-grey-600);
}

.btn-with-icon.btn-sq{
  background:#0000;
  border:var(--space-1) solid var(--color-border-grey) !important;
  border-radius:var(--radius-4);
  color:var(--color-white) !important;
}

.btn-with-icon.btn-sq.btn-sq-small{
  padding:var(--space-5);
}

.btn-with-icon.btn-sq .btn-icon-white.MuiSvgIcon-root{
  color:var(--color-white);
}

.btn-with-icon.btn-sq:hover{
  background-color:var(--color-white) !important;
}

.connected-lines{

  border-top:var(--space-3) solid var(--color-grey-600);
}

.righ-connected-lines{

  border-right:var(--space-3) solid var(--color-grey-600);
}

.job-card-design{
  background-image:linear-gradient(0deg, #fef2f7 0, var(--color-white) 100%);
  border:var(--space-1) solid var(--color-badge-red-bg);
  border-bottom:var(--space-4) solid var(--color-error-300) !important;
  border-radius:var(--radius-5);
}

.step-card-design{
  background-image:linear-gradient(0deg, #f1f3ff 0, var(--color-white) 100%) !important;
  border:var(--space-1) solid var(--color-tertiary-200) !important;
  border-bottom:var(--space-4) solid var(--color-tertiary-300) !important;
  border-radius:var(--radius-5) !important;
  min-height:var(--space-55) !important;
  min-width:var(--space-180) !important;
}

.condition-card-design{
  background-image:linear-gradient(0deg, #ffefe0 0, var(--color-white) 100%);
  border:var(--space-1) solid var(--color-secondary-300);
  border-bottom:var(--space-4) solid var(--color-secondary-600) !important;
  border-radius:var(--radius-5);
}

.job-template-canvas{

  overflow:auto !important;
}

.job-template-canvas::-webkit-scrollbar{
  height:var(--space-8) !important;
  width:var(--space-8) !important;
}

.add-job-card{
  background-color:var(--color-white);
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB1SURBVHja7NIhDsQwDETR2cqKcv9zBjkg1thSStst9S6oPPAHBPh9xhi7tYbrIgIiktZIAqq6v7fWSm2qug/8ae/7SCICZvY4aHYTEUHv/fZgZqnN3VEYCkNhKAyFoTAUhp9gIIk55+N47p7WSOIEAAD//wMAxRxXnYpQfgQAAAAASUVORK5CYII=);
  border:var(--space-2) solid var(--color-tertiary-600);
  border-radius:var(--radius-4);
  border-style:dashed !important;
}

.add-job-card:hover{
  cursor:pointer;

}

.job-template-add-button{
  background-color:var(--color-tertiary-600) !important;
  border:var(--space-1) solid blue !important;

  border-radius:var(--radius-5);
  height:var(--space-26);
  padding:var(--space-0);
  text-align:center;
  width:var(--space-26);
}


.dialog-left .MuiDialog-paper{
  height:100% !important;
  margin-bottom:var(--space-0) !important;

  margin-left:auto !important;
  margin-right:var(--space-0);
  margin-top:var(--space-35);
}

.dialog-wrapper-pipeline .MuiDialog-paper{
  max-width:var(--space-1000) !important;
  width:var(--space-1000) !important;
}

.step-dialog-card{
  background-color:var(--color-grey-100);

  border:var(--space-1) solid var(--color-grey-500);
  border-radius:var(--radius-3);
  padding-bottom:var(--space-45);
}

.step-dialog-card .header-card{
  align-items:center;

  background-color:var(--color-grey-100);
  border-bottom:var(--space-1) solid var(--color-grey-500);
  display:flex;
  height:var(--space-45);
  padding-left:var(--space-12);

}

.non-conditional-step{

  border:var(--space-1) solid var(--color-grey-500);
  border-radius:var(--radius-3);

}

.non-conditional-step .non-conditional-step-header{
  align-items:center;
  display:flex;

  height:var(--space-45);
  padding-left:var(--space-12);

}

.accordian-job-div .MuiAccordionSummary-root{

  min-height:var(--space-40) !important;
}

.accordian-job-detail-div .MuiAccordionDetails-root{
  display:block !important;
  padding:var(--space-0) !important;
}

.accordian-job-div .MuiAccordionSummary-root.Mui-expanded{

  height:var(--space-40) !important;
}

.margin-bottom-accordian .MuiAccordion-root.Mui-expanded:last-child{

  margin-bottom:var(--space-20) !important;
}

.no-m-bottom-accordian .MuiAccordion-root.Mui-expanded:last-child{

  margin-bottom:var(--space-0) !important;
}

.round-button{
  background-color:var(--color-white);
  border:var(--space-1) solid #fff;
  border-radius:118%;
  box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--space-2) #f5f5f5;
  height:var(--space-35);
  width:var(--space-35);
}

.round-button:hover{
  background-color:var(--color-badge-grey-bg) !important;
  border:none !important;
  box-shadow:none !important;
}

.text-selection-null{
  -webkit-user-select:none;
  user-select:none
}

.job-template-menu-item .MuiListItem-gutters{

  padding-left:var(--space-0) !important;

}

.MuiMenuItem-root{
  color:var(--color-content-secondary) !important;
  font-weight:var(--font-weight-500) !important;
}

.job-template-menu-item .MuiMenuItem-root{
  font-size:var(--font-12) !important;
}

.canary-menu-item .MuiListItem-gutters{
  padding-left:var(--space-0) !important;
}


.step-condition-tab::-webkit-scrollbar{
  height:var(--space-8) !important;
  width:1.5em !important;
}

.env-text-ellipsis-130,.env-var-table{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.env-text-ellipsis-130{
  max-width:var(--space-130) !important;
}

.tab-cross-button{

  display:none;
}

.removeable-tab-parent:hover .tab-cross-button{
  display:inline-block;
}


.round-checkbox input[type="checkbox"]{
  display:none;
}

.round-checkbox input[type="checkbox"]+label{
  background-color:initial;
  border:solid var(--space-2) var(--color-grey-600);
  border-radius:var(--radius-50);
  color:var(--color-grey-400);
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:var(--space-35) !important;
  line-height:var(--line-height-30);
  margin-left:var(--space-3);
  text-align:center;
  transition:all .5s ease;
  -webkit-user-select:none;
  user-select:none;
  width:var(--space-35) !important;
}

.round-checkbox input[type="checkbox"]:checked+label{
  background-color:var(--color-info-500) !important;
  border-color:var(--color-info-500);
  color:var(--color-white) !important;
  transition:all .5s ease;
}

.build-round-icon{
  align-items:center;
  background-color:var(--color-success-400);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  width:var(--space-30);
}

.build-round-icon .ri-flashlight-line{
  color:var(--color-white);
}

.icon-deploy-card .ri-upload-line,.icon-promote-card .ri-arrow-right-fill,.icon-trigger-card .ri-flashlight-line{
  color:var(--color-tertiary-500);
}

.right-line{
  height:var(--space-97);
}


.color-tab-inactive{
  background-color:var(--color-white);
  border:none;
  border-right:var(--space-1) solid var(--color-grey-400);
  color:var(--color-black);
}

.color-tab-active{
  background-color:var(--color-tertiary-400);
  border:none;
  color:var(--color-white);
}

.color-tab-active label,.color-tab-inactive label{
  font-weight:var(--font-weight-700);

}

.headerul.color-tab-inactive:last-child{
  border:none;
}

.rounded-corner-tab{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-right:none;
  color:var(--color-tertiary-500);
}

.rounded-corner-tab,.rounded-corner-tab-active{
  height:var(--space-40);
  width:var(--space-84);
}

.rounded-corner-tab-active{
  background-color:var(--color-tertiary-500);
  border:none;
  color:var(--color-white);
}

.home-dashboard-url-data-tab{
  background-color:var(--color-white);
  border:none;
  border-radius:var(--radius-20);
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:var(--space-30);
  line-height:var(--line-height-14);
  width:var(--space-170);
}


.home-dashboard-url-data-tab-active{
  background-color:var(--color-tertiary-500);
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-20);
  color:var(--color-white);
  height:var(--space-30);
  width:var(--space-170);
}

.home-dashboard-url-data-tab-container{
  align-items:center;
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-50);
  display:flex;
  height:var(--space-40);
  justify-content:space-between;
  padding:var(--space-10);
  width:var(--space-370);
}

.build-deployment-dashboard-tab{
  background-color:var(--color-white);
  border:none;
  border-radius:var(--radius-5);
  color:var(--color-grey-600);
  font-weight:var(--font-weight-500);
}

.build-deployment-dashboard-tab,.build-deployment-dashboard-tab-active{
  align-items:center;
  display:flex;
  font-size:var(--font-11);
  height:var(--space-35);
  justify-content:center;
  line-height:var(--line-height-13);
  padding-left:var(--space-6);
  padding-right:var(--space-6);
  width:var(--space-50);
}

.build-deployment-dashboard-tab-active{
  background-color:var(--color-tertiary-500);
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-5);
  color:var(--color-white);
  font-weight:var(--font-weight-700);
}

.build-deployment-dashboard-tab-container{
  display:flex;
}

.round-corner-container> :first-child{
  border-bottom-left-radius:18px;
  border-top-left-radius:18px;

  width:var(--space-130);
}

.round-corner-container> :last-child{
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-bottom-right-radius:18px;
  border-top-right-radius:18px;
  width:var(--space-130);
}

.rounded-corner-tab-seperated-active{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.rounded-corner-tab-seperated,.rounded-corner-tab-seperated-active{
  border:none;
  border-radius:var(--radius-18);
  gap:var(--space-10);
  height:var(--space-35);
  margin:var(--space-0) var(--space-6);
  padding:var(--space-10) var(--space-16);
  width:fit-content;
}

.rounded-corner-tab-seperated{
  background-color:var(--color-white);
  color:var(--color-grey-900);
  opacity:1;
}

.rounded-corner-tab-bulky-active{
  background-color:var(--color-tertiary-500);
  border:none;
  border-radius:var(--radius-21);
  color:var(--color-white);
  padding:var(--space-10) var(--space-16);
}

.rounded-corner-tab-bulky,.rounded-corner-tab-bulky-active{
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  height:var(--space-35);
  margin:var(--space-0) var(--space-4);
  text-transform:uppercase;
}

.rounded-corner-tab-bulky{
  background-color:var(--color-white);
  border:none;
  border-radius:68px;
  color:var(--color-badge-grey-text);
  cursor:pointer !important;
  padding:var(--space-8) var(--space-16) var(--space-8) var(--space-16);
}

.rounded-corner-tab-bulky:hover{
  border-color:var(--color-content-secondary) !important;
}

.rounded-corner-tab-released-active{
  background-color:var(--color-pastel-blue-3);
  border:var(--space-1) solid var(--color-primary-100);
  border-radius:var(--radius-21);
  box-shadow:var(--space-0) var(--space-4) var(--space-4) var(--space-0) var(--color-overlay-black-11);
  color:var(--color-content-primary);
  padding:var(--space-10) var(--space-16) var(--space-10) var(--space-16);

}

.rounded-corner-tab-released,.rounded-corner-tab-released-active{
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  height:var(--space-35);
  margin:var(--space-0) var(--space-4);
  text-transform:uppercase;
}

.rounded-corner-tab-released{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:68px;
  color:var(--color-badge-grey-text);
  cursor:pointer !important;
  padding:var(--space-8) var(--space-16) var(--space-8) var(--space-16);
}

.rounded-corner-tab-released:hover{
  border-color:var(--color-content-secondary) !important;
}

.footer-card{
  height:var(--space-70);
  transition:all .2s;
}

.build-insight-table-row{

  border-bottom:var(--space-1) solid var(--color-border-grey);
}

.build-insight-table-div{
  padding-right:var(--space-15);
}

.build-insight-table-div,.build-insight-table-header-div{
  border-right:var(--space-1) solid var(--color-border-grey);
  padding-left:var(--space-15);

}

.build-insight-table-header-div{
  border-bottom:var(--space-1) solid var(--color-badge-grey-text);
  text-align:left;

}

.build-insight-table-row> :last-child{
  border-right:none;
}

.placement-bottom-start{
  left:var(--space-937-39) !important;
  z-index:9 !important;
}

.rs-picker-toggle{
  height:var(--space-42) !important;
}

.loading-text-hide .loading-text{
  display:none;
}

.single-row-card{
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
  color:var(--color-grey-500);
  display:grid;
  font-size:var(--font-11);
  font-weight:var(--font-weight-400);
  grid-template-areas:"option-1 option-2 option-3 option-4 option-5" "option-6 option-6 option-6 option-6 option-6";
  grid-template-columns:22% 22% 29% 17%;
  padding:var(--space-10);
}

.ongoingActivityCardBody{
  height:var(--space-470);
  overflow:scroll;
}

.view-details-block{
  grid-area:option-6;
}

.single-row-item-one{
  align-items:center;
  display:flex;
  min-width:var(--space-250);
}

.single-row-item-three,.single-row-item-two{
  min-width:var(--space-200);
}

.single-row-item-three .text-anchor-blue .text-color-black{
  color:var(--color-tertiary-500) !important;
}

.single-row-item-four{
  min-width:var(--space-285);
}

.single-row-item-five{
  min-width:var(--space-100);
}

.overriadable-env .MuiDialog-paper{
  height:100% !important;
  margin-bottom:var(--space-0) !important;
  margin-left:auto;
  margin-right:var(--space-0);
  width:75% !important;
}

.add-job-to-template .MuiDialog-paper{
  margin-bottom:var(--space-0) !important;
  margin-top:var(--space-35);
  width:var(--space-600) !important;
}

.circle-tab-container{
  border-radius:var(--radius-50);
  height:var(--space-40);
  padding:var(--space-8);
}

.circle-tab-container,.circle-tab-selector{

  background-color:var(--color-white);
  width:fit-content;
}

.circle-tab-selector{
  border:none;
  border-radius:var(--radius-50);
  color:var(--color-grey-300);
  height:100%;
  padding-left:var(--space-18);
  padding-right:var(--space-18);
}

.circle-tab-container .active{
  background-color:var(--color-tertiary-500) !important;
  color:var(--color-white) !important;

}

.footer-card.h-0{
  border:none;
  height:var(--space-0);
}

.btn-disabeld .MuiSvgIcon-root{
  color:var(--color-grey-400);
}



.btn-mui-svg{
  padding:var(--space-0) var(--space-5) !important;
}

.single-row-data .btn-disabeld .MuiSvgIcon-root{
  color:var(--color-grey-400) !important
}



.integrations-dialog .MuiDialog-scrollPaper{
  justify-content:flex-end;
  margin-right:var(--space-0);


}

.build-card-bottom{
  align-items:center;
  background-color:var(--color-white);
  bottom:var(--space-0);
  box-shadow:var(--space-2) calc(var(--space-9)*-1) var(--space-9) calc(var(--space-4)*-1) #0000001a;
  display:flex;
  height:var(--space-72);
  justify-content:right;
  position:absolute;
  width:100%;
  z-index:999;
}

.build-card-bottom>div{
  padding:var(--space-16);
}

.build-card-bottom>div button{
  background:#fff;
  border:var(--space-1) solid var(--color-primary-200);
  border-radius:var(--radius-6);
  color:var(--color-primary-500);
  cursor:pointer;
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  height:var(--space-40);
  line-height:var(--line-height-14-63) !important;
  width:var(--space-74);
}

.md-step-bar-left-skipped{
  background-color:var(--color-grey-400);
}

.integrations-dialog .MuiDialog-paperScrollPaper{
  max-height:100% !important
}

.integrations-dialog .MuiDialog-paper{
  margin:var(--space-0);
}

.integrations-dialog.pipeline-view-params-dialog .MuiPaper-root{
  background-color:var(--color-grey-000);
  height:100vh;
  max-width:var(--space-1035);
}
.side-nav-dialog{
  z-index:1000 !important;
}

.side-nav-dialog .MuiDialog-scrollPaper{
  justify-content:flex-start;
  margin-left:calc(var(--sidebar-width-collapsed) + var(--sidebar-secondary-width));
  margin-right:var(--space-0);
}

.side-nav-dialog .MuiDialog-paperScrollPaper{
  max-height:100% !important
}

.side-nav-dialog .MuiDialog-paper{
  margin:var(--space-0);
}

.side-nav-dialog .MuiPaper-root{
  background-color:var(--color-grey-000);
  height:100vh;
  max-width:var(--space-255);
}

.side-nav-dialog .MuiDialog-scrollPaper .MuiPaper-rounded{
  border-radius:var(--radius-0);
}


.custom-card-exec-paramsn .card-header p{
  display:grid;
  font-size:var(--font-12);
  grid-template-columns:var(--space-120) 1fr 1fr 1fr 1fr;
  width:100%;
}

.custom-card-exec-paramsn .card-body{
  padding-bottom:var(--space-0);
}

.custom-card-exec-paramsn .card-body .execution-params-row{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:grid;
  font-size:var(--font-12);
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  padding:var(--space-5);
}

.custom-card-exec-paramsn .card-body .execution-params-row p{
  line-height:var(--line-height-1);
  padding:var(--space-5);
}

.custom-card-exec-paramsn .card-body .execution-params-row:last-child{
  border-bottom:var(--space-0);
}

.custom-card-exec-paramsn .card-body .execution-params-row:nth-child(even){
  background-color:var(--color-grey-000);
}

.integrations-dialog .MuiPaper-root{
  background-color:var(--color-grey-100);
  height:100vh;
  max-width:var(--space-380);
}

.integrations-dialog .MuiDialog-scrollPaper .MuiPaper-rounded{
  border-radius:var(--radius-0);
}

.integrations-dialog1 .MuiDialog-scrollPaper .MuiPaper-rounded{
  overflow:visible;
}

.integrations-dialog .integration-header-strip{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
  font-size:var(--font-13);
  font-weight:var(--font-weight-400);
  padding:var(--space-10);
}

.integration-sub-header-strip{
  background-color:var(--color-white);
  color:var(--color-black);
  font-size:var(--font-13);
  font-weight:var(--font-weight-300);
  padding:var(--space-10);
}

.integration-boxes{
  display:grid;
  gap:var(--space-35) var(--space-15);
  grid-template-columns:1fr 1fr 1fr;
  padding:var(--space-20);
}

.integration-single-box{
  align-items:center;
  background-color:var(--color-white);
  border-radius:var(--radius-4);
  display:flex;
  height:var(--space-80);
  justify-content:center;
  margin:auto;
  margin-bottom:var(--space-8);
  width:var(--space-80);
}

.integration-single-box img{
  width:var(--space-25);
}

.input-search>div{
  border:var(--space-1) solid var(--color-grey-400);
  margin:var(--space-10);
}

.textarea-resize-vertical-only,
.textarea-resize-vertical-only .input-component textarea{
  resize:vertical;
}

.error-space .input-component .error-message{
  padding-left:var(--space-12) !important;
  position:static !important;

}

@keyframes single-div-spin{
  0%{
    transform:rotate(0deg);
  }

  100%{
    transform:rotate(1turn);
  }
}

.single-div-loading{
  animation:single-div-spin 1s linear infinite;
  border:var(--space-2-5) solid #fff3;
  border-radius:var(--radius-full);
  border-top-color:#fff;
  height:var(--space-24);
  width:var(--space-24);
}

.horizontal-tab-scroll .md-stepper-horizontal{
  max-width:var(--space-960);
  overflow-x:scroll;
}

@media screen and (max-width:1200px){
  .horizontal-tab-scroll .md-stepper-horizontal{
    margin:auto;
    overflow-x:scroll;
    width:var(--space-900);
  }
}

.input-searchbar{
  align-items:center;
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  display:grid;
  grid-template-columns:86% 1fr;
  overflow:hidden;
}

.input-searchbar input{
  border:none !important;
  border-radius:var(--radius-0) !important;
  outline:none !important;

}

.input-searchbar input:focus{
  border:var(--space-0) solid var(--color-info-500) !important;
  border-radius:var(--radius-4) !important;
  box-shadow:none !important;
  outline:none !important;
}

.input-searchbar .input-component{
  margin-bottom:var(--space-0);
}

.input-searchbar .btn{
  align-items:center;
  background-color:var(--color-border-grey);
  border-left:var(--space-1) solid var(--color-grey-400) !important;
  border-radius:var(--radius-0);
  display:flex;
  height:100%;
  justify-content:center;
  padding:var(--space-4) var(--space-10) var(--space-5-5);
  width:100%;
}

.multi-select-checkbox .MuiTextField-root .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input{
  height:var(--space-42)
}

.build-failure-chart-list::before{
  background-color:var(--color-grey-400);
  content:" ";
  height:20%;
  position:absolute;
  width:var(--space-1);

}

.build-failure-chart-list::after{
  background-color:var(--color-error-500);
  border-radius:var(--radius-full);

  content:" ";
  height:var(--space-15);
  left:calc(var(--space-6)*-1);
  position:absolute;
  width:var(--space-15);
}

.build-failure-container:last-child .build-failure-chart-list::before{
  height:var(--space-0) !important;
}


.pie-container.highcharts-data-table table{

  margin:1em auto;
  min-width:var(--space-120);
}

.avatar-override .sm-round-override{
  height:var(--space-30);
  width:var(--space-30);
}

.height-0{
  height:0;
  overflow:hidden
}

.height-172{
  height:var(--space-172);
}

.slide-down,.slide-up{
  transition:height .5s;
}

.set-error{
  position:relative;
}

.error-line{
  bottom:var(--space-2);
  left:var(--space-10);
  position:absolute;
}

.set-error .input-component .file-upload .image-upload-wrap{
  background-color:var(--color-pastel-red);
  border-color:var(--color-error-400);
}

.upload-input-40 .input-component .file-upload .image-upload-wrap{
  height:var(--space-40)
}

.small-loading{
  animation:single-div-spin 1s linear infinite;
  border:var(--space-3) solid var(--color-tertiary-500);
  border-radius:var(--radius-full);
  border-top-color:var(--color-tertiary-500);
  height:var(--space-20);
  width:var(--space-20);
}

.section-height-100{
  height:var(--space-180);
  overflow:auto;
}

.section-height-0{
  height:var(--space-0);
  overflow:hidden;
}

.chip-bg-color{
  background-color:var(--color-pastel-blue-2) !important;
  border:var(--space-1) solid var(--color-info-500) !important;
  color:var(--color-info-500) !important;
}


.job-template-v3-step-details .MuiDialog-paperWidthSm{
  max-width:100% !important;
  width:70% !important;
}

.menu-link{
  align-items:center;
  display:flex;
  gap:var(--space-6);
  text-decoration:none;
}

.menu-link *{
  pointer-events:none;
}

.MuiMenu-list .comma-class:last-child,.MuiMenu-list .comma-class:nth-last-child(2){
  display:none;
}

.Mui-disabled .MuiSvgIcon-root{
  color:var(--color-grey-600) !important;
}

.policy-step{
  align-items:center;
  background:var(--color-badge-grey-bg);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-45);
  justify-content:center;
  width:var(--space-45);
}

.policy-step-active,.policy-step-success{
  align-items:center;
  background:var(--color-primary-500);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-45);
  justify-content:center;
  width:var(--space-45);
}

.policy-step-details{
  padding-right:var(--space-11);
}

.policy-step-details,.policy-template-footer{
  align-items:center;
  display:flex;
  justify-content:center;
}

.policy-template-footer{
  background-color:var(--color-grey-100);
  border-top:var(--space-1) solid var(--color-border-grey);
  bottom:0;
  padding:var(--space-10) var(--space-15);
  position:absolute;
  width:100%;
  z-index:999;
}

.icon-color:hover{
  color:var(--color-white) !important;
}

.policy-step-details:last-child .d-to-hide{
  display:none;
}

.dr-switch-div .switch{
  width:var(--space-72);
}

.dr-switch-div .input-component{
  margin-bottom:var(--space-0);
}

.dr-switch-div p{
  color:var(--color-black);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-15);
}

.dr-cluster-box{
  align-items:center;
  display:flex;
  padding:var(--space-34) var(--space-0);
  padding-left:var(--space-20);
}

.dr-cluster-box p{
  color:var(--color-black);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-20);
}

.dr-cluster-box span{
  color:var(--color-grey-600);
}

.active-inactive-input .switch-label::before{
  top:var(--space-9);
}

.active-inactive-input .switch-input:checked~.switch-handle{
  box-shadow:calc(var(--space-1)*-1) var(--space-1) var(--space-5) #0003;
  left:var(--space-53);
  top:var(--space-1);
}

.active-inactive-input .switch-label::after{
  left:var(--space-13);
  top:var(--space-10);
}

.ci-cd-edit-input-div{
  height:calc(100vh - var(--space-350));
  overflow-y:auto;
  scrollbar-width:thin
}

.ci-cd-edit-input-div .MuiGrid-spacing-xs-2{
  width:calc(100% + var(--space-8)) !important;
}

.ci-v3-input-div{
  height:calc(100vh - var(--space-360))
}

.ci-v3-input-div,.sidecar-edit-input-div{
  overflow-y:auto;
  scrollbar-width:thin
}

.sidecar-edit-input-div{
  height:calc(100vh - var(--space-400))
}

.sidecar-edit-input-div .MuiGrid-spacing-xs-2{
  width:calc(100% + 8px) !important;
}

@media (min-height:635px){
  .build-input-div{
    overflow:hidden;
  }
}

.img-with-tag p{
  color:var(--color-grey-400);
  font-size:var(--font-12);
  text-align:center;
}

.integrations-dialog .MuiPaper-root.card-accordian{
  height:auto;
}


@keyframes fade-inout{
  0%{
    opacity:1;
  }

  100%{
    opacity:0;
  }
}

.fade-in-out{
  animation:fade-inout 1s infinite alternate;
}

.logs-alert-style .MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight{
  left:auto;
  right:var(--space-10) !important;
  top:var(--space-190) !important;
}

.color-tab-active-dp{
  background-color:var(--color-tertiary-400);
  border:none;
  color:var(--color-white);
}

.color-tab-active-dp label{
  font-weight:var(--font-weight-700);
}

.color-tab-inactive-dp{
  background-color:var(--color-white);
  border:none;
  color:var(--color-tertiary-500);
}

.color-tab-inactive-dp label{
  font-weight:var(--font-weight-700);
}

.headerul.color-tab-inactive-dp:first-child{
  border:none;
  border-bottom-left-radius:5px;
  border-top-left-radius:5px;
}

.headerul.color-tab-inactive-dp:last-child{
  border:none;
  border-bottom-right-radius:5px;
  border-top-right-radius:5px;
}

.headerul.color-tab-active-dp:first-child{
  border:none;
  border-bottom-left-radius:5px;
  border-top-left-radius:5px;
}

.headerul.color-tab-active-dp:last-child{
  border:none;
  border-bottom-right-radius:5px;
  border-top-right-radius:5px;
}

.service-and-branch-listing .sub-header-env{
  background-color:var(--color-grey-100);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-top:var(--space-1) solid var(--color-border-grey);
}

.expensionPanelTabApplication{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-border-grey);
  color:var(--color-grey-500) !important;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  justify-content:space-between;
  padding:var(--space-10) var(--space-8);
  text-align:center;
  width:100%;
}

.expensionPanelTab.active{
  border-bottom:var(--space-2) solid var(--color-tertiary-500) !important;
  color:var(--color-tertiary-500) !important;
}


.integrations-dialog-new.action_card_dialog_width-new{
  background-color:var(--color-grey-100);
  justify-content:flex-end;
  margin-right:var(--space-0);
  max-width:var(--space-1100);
  right:var(--space-0) !important;
  width:var(--space-1000) !important;
}


.integrations-dialog.action_card_dialog_width .MuiDialog-paperScrollPaper{
  width:var(--space-1100) !important;
}

.integrations-dialog.run-with-params-dialog .MuiDialog-scrollPaper .MuiPaper-rounded{
  background-color:var(--color-white);
  max-width:var(--space-1050);
  width:var(--space-1050);
}

.side-nav-dialog .search-card-width .MuiDialog-paperScrollPaper{
  background-color:var(--color-white) !important;
  width:var(--space-255) !important;
}

.z-index-top .MuiPaper-root{
  height:fit-content !important;
}

.btn-outlined-icon:hover{
  background-color:var(--color-secondary-500);
}

.service-and-branch-listing:first-child .sub-header-env{
  border-top:var(--space-0) solid var(--color-border-grey);
}

.sub-env-row,.ul-styles{
  font-size:var(--font-12);
}

.sub-env-row{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:grid;
  grid-template-columns:var(--space-120) 1fr 1fr 1fr 1fr;
}

.sub-env-row,.sub-env-row div{
  padding:var(--space-5);
}

.btn-position-change{
  align-items:center;
  background-color:var(--color-error-500);
  border-radius:var(--radius-20);
  bottom:var(--space-15);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  justify-content:center;
  padding:var(--space-5) var(--space-10);
  position:absolute;
  right:var(--space-15);
}


.drawer-div{
  border-left:var(--space-5) solid var(--color-error-500);
  height:inherit;
  margin-left:auto;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  transition:width .5s ease-in-out;
  width:var(--space-0);
}

.text-transform-lower-case{
  text-transform:lowercase !important;
}

.drawer-div.open{
  box-shadow:var(--space-0) var(--space-7) var(--space-9) var(--space-7) var(--color-grey-500);
  width:var(--space-500);
}

.drawer-div .content{
  background-color:var(--color-white);
  height:100%;
  position:absolute;
  right:calc(var(--space-300)*-1);
  top:0;
  transition:right .5s ease-in-out;
  width:var(--space-500);
  z-index:999;
}

.content-header{
  background-color:var(--color-primary-500);
  color:var(--color-white);
  font-size:var(--font-13);
  padding:var(--space-10) var(--space-15);

}

.content-header p{
  font-size:var(--font-14);
  margin-left:var(--space-5);
}

.content-header img{
  width:var(--space-50);
}

.drawer-div.open .content{
  right:0;
}

.arrow-button{
  align-items:center;
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-20) var(--space-0) var(--space-0) 20px;
  cursor:pointer;
  display:flex;
  height:var(--space-40);
  justify-content:center;
  position:absolute;
  right:var(--space-5);
  top:var(--space-25);
  transform:translateY(-50%);
  transition:background-color .5s ease-in-out;
  width:var(--space-40);
  z-index:9999;
}

.MuiSvgIcon-root.rotate-btn{
  transition:transform .5s ease-in-out;
}

.rotate-btn{
  transform:rotate(180deg);
}


.arrow-btn-move-left{
  right:var(--space-500);
  transition:right .5s ease-in-out;
}

.arrow-btn-move-right{
  right:var(--space-5);
  transition:right .5s ease-in-out;
}

.arrow:hover{
  background-color:#00008b;
}

.content-table{
  border-collapse:collapse;
  width:100%;
}

.content-table .table-sub-header{
  background:var(--color-white);

}


.content-table td,.content-table th{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  font-size:var(--font-12);
  padding:var(--space-8);
  text-align:left;
}

.content-table th{
  background-color:var(--color-grey-100);
  font-size:var(--font-12);
}

.content-table .even-row,.content-table .odd-row{
  background-color:var(--color-white);
}

.content-footer{
  background-color:var(--color-grey-000);
  border-top:var(--space-1) solid var(--color-border-grey);
  bottom:0;
  position:absolute;
  width:100%;
}

.btn-posi-bottom{
  border-radius:var(--radius-20);
  bottom:var(--space-10);
  box-shadow:var(--space-0) var(--space-2) var(--space-10) var(--space-0) #0003, var(--space-0) var(--space-1) var(--space-10) var(--space-0) #00000030;
  position:absolute;
  right:var(--space-50);

}

.btn-danger-v2{
  background-color:var(--color-error-500);
  background-color:#ea4335;
  color:var(--color-white);
}

.override-dialog-class .MuiDialog-paper{
  height:var(--space-640);
}

.flip-container{
  perspective:1000px;
  position:relative;
}

.flip-container,.flipper{
  height:100%;
  width:100%;
}

.flipper{
  transform-style:preserve-3d;
  transition:transform .5s;
}

.flip-container.flip .flipper{
  transform:rotateY(90deg);
}

.messageDiv,.tableDivi{
  backface-visibility:hidden;
  height:100%;
  left:0;
  opacity:1;
  position:absolute;
  text-align:center;
  top:0;
  transition:opacity .3s;
  width:100%;
  z-index:999;
}

.tableDivi.hidden{
  opacity:0;
  z-index:0;
}

.tableDiv-container{
  z-index:9999;
}

.tableDiv-container .canary-table{
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-6);
}


.messageDiv.hidden,.tableDiv.hidden{
  opacity:0;
}

.messageDiv.hidden,.tableDiv.hidden{
  z-index:0;
}

.tableDiv-container{
  max-height:var(--space-230);
  overflow-y:scroll;
}

.tableDiv{
  width:100%;

}

.buttonContainer{
  margin-top:var(--space-10);
}

.buttonContainer button{
  margin:var(--space-0) var(--space-5);
}

.div-structure{
  border:var(--space-1) solid var(--color-border-grey);
  text-align:left;
}

.div-structure p{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  font-size:var(--font-12);
  padding:var(--space-5);
}

.div-structure p:last-child{
  border-bottom:var(--space-0) solid var(--color-border-grey);
}

.highlighted-box{
  color:var(--color-white);
  font-size:var(--font-14);
  line-height:var(--line-height-1-2);
  margin:var(--space-20) 40px;
}

.highlighted-box,.text-align-left{
  text-align:left;
}

.text-align-center{
  text-align:center !important;

}

.steplogswrapper .loading-div .md-stepper-horizontal{
  max-width:var(--space-1250);
  overflow-x:scroll;
}

.select_jira .card-header{
  border:var(--space-1) solid var(--color-border-grey) !important;
  border-radius:var(--radius-4);
}

.btn-outlined-icon{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-tertiary-500);
  border-radius:var(--radius-4);
  cursor:pointer;
  height:var(--space-37);
  padding:var(--space-5);
}

.MuiAlert-icon .MuiSvgIcon-root{
  align-items:center;
  color:var(--color-white);
}

.name-data-ans .comma-class:last-child{
  display:none;
}

.stepper-div .md-stepper-horizontal{
  overflow-x:scroll;
}

.integrations-dialog.action_card_dialog_width .MuiPaper-root{
  max-width:var(--space-1035);
  width:var(--space-1035) !important;
}

.integrations-dialog.action_card_dialog_width .MuiDialog-paperScrollPaper::-webkit-scrollbar{
  display:none;
}

.integrations-dialog.action_card_dialog_width .MuiDialog-paperScrollPaper{
  height:100vh;
  overflow:visible;
  width:var(--space-1035) !important;
}

.integrations-dialog-for-monitoring.action_card_dialog_width .MuiDialog-paperScrollPaper{
  height:100vh;
  width:var(--space-483) !important;
}

.integrations-dialog-for-canary.canary_card_dialog_width .MuiDialog-paperScrollPaper{
  height:100vh;
  width:var(--space-803) !important;
}

.integrations-dialog-for-monitoring .MuiDialog-scrollPaper{
  justify-content:flex-end;
  margin-right:var(--space-0);
}

.integrations-dialog-for-monitoring .MuiDialog-paperScrollPaper{
  max-height:100% !important;
}

.integrations-dialog-for-canary .MuiDialog-scrollPaper{
  justify-content:flex-end;
  margin-right:var(--space-0);
}

.integrations-dialog-for-canary .MuiDialog-paperScrollPaper{
  max-height:100% !important;
}

.multiple-select-deployment-dropdown .multi-select-checkbox .MuiTextField-root .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input{
  height:var(--space-40);
}

.multiple-select-deployment-dropdown .input-component{
  margin-top:var(--space-16);
}

.multiple-select-deployment-dropdown .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"]{
  background-color:var(--color-white);
}

.integrations-dialog.action_card_dialog_width .z-index-top .MuiPaper-root{
  height:auto !important;
  width:auto !important;
}

.z-index-top.MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight{
  left:auto;
  right:var(--space-15) !important;
  top:var(--space-55) !important;
}

.log-dst-button{
  background:#0000;
  border:var(--space-1) solid var(--color-primary-500) !important;
  border-radius:var(--radius-4);
  color:var(--color-primary-500);
  white-space:nowrap;
}

.log-dst-button:hover{
  background-color:var(--color-white);
  color:var(--color-primary-500);
}

.ys-div:last-child .vertical-border-one{
  display:none !important;
  height:var(--space-20) !important;
}

.bouncing-loader{
  align-items:center;
  display:flex;
  gap:var(--space-2);
}


.bouncing-loader>div{
  animation-direction:alternate;
  animation-duration:1.2s;
  animation-fill-mode:both;
  animation-iteration-count:infinite;
  animation-name:bouncing-loader;
  animation-timing-function:linear;
  background-color:var(--color-white);
  border-radius:var(--radius-full);
  height:var(--space-5);
  margin-right:var(--space-2);
  opacity:1;
  transform:translateY(-5px);
  width:var(--space-5);
}

.bouncing-loader>div:nth-child(1){
  animation-delay:0s;
}

.bouncing-loader>div:nth-child(2){
  animation-delay:.8s;
}

.bouncing-loader>div:nth-child(3){
  animation-delay:1.2s;
}

@keyframes bouncing-loader{
  0%{
    transform:translateY(-5px);
  }

  85%{
    transform:translateY(-5px);
  }

  100%{
    opacity:1;
    transform:translateY(-13px);
  }
}

.bouncing-loader>div:nth-child(2){
  animation-delay:.4s;
}

.bouncing-loader>div:nth-child(3){
  animation-delay:.8s;
}

.dialog-card-header{
  background-color:var(--color-primary-500);
  font-size:var(--font-18);
  padding:var(--space-10) var(--space-0) var(--space-10) var(--space-20)
}

.card-header-blue{
  border-bottom:var(--space-1) solid var(--color-grey-300);
  color:var(--color-white);
  font-size:var(--font-14);
  font-weight:var(--font-weight-400);
  padding:var(--space-10) var(--space-20)
}

.card-header-blue,.card-header-new{
  align-items:center;
  background-color:var(--color-primary-500);
  display:flex;
  justify-content:space-between;
}

.card-header-new{
  border-bottom:var(--space-1) solid var(--color-border-grey);
  height:var(--space-54);
  padding:var(--space-16) var(--space-24);
  position:absolute;
  top:var(--space-0);
  width:100%;
  z-index:999;
}

.v1-dialog .MuiDialog-paperScrollPaper{
  width:auto;
}

.git-repo-section{
  background:linear-gradient(180deg, var(--color-pastel-pink) 0, #fff5f300 100%);
  padding:var(--space-20);
}

.buildpiper-section{
  background:linear-gradient(180deg, var(--color-pastel-blue-2) 0, #f0f6ff00 100%);
  padding:var(--space-20);
}

.git-repo-badge{
  border:var(--space-1) solid var(--color-error-500);
  border-radius:var(--radius-4);
  color:var(--color-error-500);
}

.bp-badge,.git-repo-badge{
  overflow:hidden;
  padding:var(--space-5) var(--space-10);
}

.bp-badge{
  border:var(--space-1) solid var(--color-primary-500);
  border-radius:var(--radius-4);
  color:var(--color-primary-500);
}


.git-info-section .webhook-link{
  color:var(--color-tertiary-500);
}

.git-info-section .copy-to-clipboard svg{
  font-size:var(--font-20);
}

.checkbox-wrapper-git .input-component{
  margin-bottom:var(--space-0);
}

.checkbox-wrapper-git .input-component label{
  color:var(--color-badge-grey-text);
  font-size:var(--font-14);
}

.update-input-class .wrapper-for-search .search-bar input::placeholder{
  color:var(--color-grey-500) !important;
  opacity:1;
}

.update-input-class .wrapper-for-search .search-bar input::placeholder::-ms-input-placeholder{
  color:var(--color-error-500) !important;
}

.sidecar-init-container>.sideCardCard{
  margin-left:var(--space-15) !important;
}

div.sidecar-container:last-child .side-car-border-lines{
  height:var(--space-50);
}


.light-grey{
  color:var(--color-border-grey) !important;
}
.heading-primary,.heading-primary-new{
  font-size:var(--font-18);
  font-weight:var(--font-weight-500);
}

.heading-primary,.heading-primary-new,.heading-secondary{
  color:var(--color-content-primary);
  line-height:var(--line-height-1-4);
}

.heading-secondary{
  font-size:var(--font-14);
  font-weight:var(--font-weight-600);
}

.sub-heading-primary{
  color:var(--color-content-secondary);
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  line-height:var(--line-height-1-4);
}

.input-label{
  color:var(--color-content-primary);
  font-size:var(--font-14);
  font-weight:var(--font-weight-500);
}

input::placeholder{
  color:var(--color-grey-500);
  font-size:var(--font-14);
  font-weight:var(--font-weight-400);
}

input{
  color:var(--color-content-primary);
  font-size:var(--font-14) !important;
  font-weight:var(--font-weight-500) !important;
}

.subheading-input-label{
  font-weight:var(--font-weight-500);
}

.MuiAutocomplete-option,.subheading-input-label{
  color:var(--color-content-primary);
  font-size:var(--font-14);
}

.MuiAutocomplete-noOptions,.MuiAutocomplete-option{
  font-weight:var(--font-weight-500) !important;
}

.MuiAutocomplete-noOptions{
  color:var(--color-content-primary) !important;
  font-size:var(--font-14);
}
@media screen and (max-width:1440px){

  .input-label,body{
    font-size:var(--font-14);
  }

  .input-label{
    color:var(--color-content-primary);
    font-weight:var(--font-weight-500);
  }

  .update-search-class .search-bar{
    grid-template-columns:6% 74% 1fr
  }
}
@media screen and (min-width:1440px) and (max-width:1920px){
  body{
    font-size:var(--font-16);
  }

  .md-stepper-horizontal .md-step.active .md-step-title{
    font-size:var(--font-13);
  }

  .heading-primary{
    font-size:var(--font-20);
  }

  .input-label,.sub-heading-primary{
    font-size:var(--font-14);
  }

  .input-label{
    color:var(--color-content-primary);
    font-weight:var(--font-weight-500);
  }

  .side-nav-dialog .MuiDialog-scrollPaper{
    justify-content:flex-start;
    margin-left:calc(var(--sidebar-width-collapsed) + var(--sidebar-secondary-width));
    margin-right:var(--space-0);
  }


}
@media screen and (min-width:1921px){
  body{
    font-size:var(--font-18);
  }

  .md-stepper-horizontal .md-step.active .md-step-title{
    font-size:var(--font-16);
  }
}

.breadcrumb-navi .ri-arrow-right-s-line:nth-last-child(2),.color-inactive-breadcrumb,a.color-inactive-breadcrumb:visited{
  color:var(--color-content-tertiary);
}

.update-search-class .search-bar{
  grid-template-columns:6% 80% 1fr
}

@media screen and (min-width:1280px) and (max-width:1440px){
  .update-search-class .search-bar{
    grid-template-columns:6% 74% 1fr
  }
}

.new-profile-settings{
  background-color:var(--color-white);
  border-radius:var(--radius-6);
  padding:var(--space-15);
  padding-bottom:var(--space-7);
}

.profile-section-bg{
  align-items:center;
  align-self:stretch;
  background:#fea11114;
  border-radius:var(--radius-8);
  display:flex;
  gap:var(--space-13);
  justify-content:space-between;
  margin-bottom:var(--space-12);
  padding:var(--space-12) var(--space-16);
}

.profile-section-bg .user-type{
  line-height:var(--line-height-1);
}

.switch-bottom-profile-section{
  align-items:flex-start;
  align-self:stretch;
  background:var(--color-grey-000);
  border-radius:var(--radius-8);
  box-shadow:var(--space-2) var(--space-2) var(--space-4) var(--space-0) #0000000a inset;
  display:flex;
  gap:var(--space-4);
  margin-bottom:var(--space-16);
  padding:var(--space-6);
}

.active-portal{
  background:var(--color-white);
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-6);
  box-shadow:var(--space-2) var(--space-4) var(--space-4) var(--space-0) #0000000a;
  color:var(--color-content-primary);
  font-weight:var(--font-weight-600);
}

.active-portal,.inactive-portal{
  align-items:center;
  display:flex;
  flex:1 0;
  gap:var(--space-8);
  justify-content:center;
  padding:var(--space-8) var(--space-12);
}

.inactive-portal{
  color:var(--color-content-tertiary);
  font-weight:var(--font-weight-500);
}

.profile-nav-item{
  background-color:var(--color-white) !important;
  border-radius:var(--radius-6) !important;
  font-size:var(--font-12) !important;
  font-weight:var(--font-weight-500) !important;
  line-height:var(--line-height-1) !important;
  padding:var(--space-8) var(--space-12) !important;
}

.profile-nav-item:hover{
  background-color:var(--color-grey-000) !important;
}

.profile-nav-item svg.MuiSvgIcon-root{
  color:var(--color-content-primary) !important;
}

.logout-btn.profile-nav-item span,.logout-btn.profile-nav-item svg{
  color:var(--color-error-600) !important;
}

.MuiTypography-root{
  font-weight:var(--font-weight-500);
}

.md-stepper-horizontal .tab-container{
  background:var(--color-white);
  box-shadow:var(--space-0) var(--space-4) var(--space-24) var(--space-0) var(--color-overlay-black-11);
  display:flex;
  height:var(--space-75);
  width:100%;
}

.tab-container .stages-div{
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  width:var(--space-180);
}

.tab-container .active-stage{
  border-bottom:var(--space-4) solid var(--color-tertiary-500);
}

.tab-container .visited-stage{
  border-bottom:var(--space-2) solid var(--color-success-600)
}


.tab-container .stages-div .stage-order{
  color:var(--color-grey-600);
  font-weight:var(--font-weight-600);
  margin-bottom:var(--space-12);
}

.tab-container .stages-div .stage-name,.tab-container .stages-div .stage-order{
  font-size:var(--font-12);
  letter-spacing:0;
  line-height:var(--line-height-15);
}

.tab-container .stages-div .stage-name{
  color:var(--color-content-primary);
  font-weight:var(--font-weight-400);
}

.tab-container .stages-div .stage-connected-line{
  border-top:var(--space-2) solid var(--color-badge-grey-bg);
  position:absolute;
  right:calc(var(--space-50)*-1);
  top:var(--space-27);
  width:53%;

}

.tab-container .stages-div:last-child .stage-connected-line{
  border:var(--space-0);
}

.runtimeparams-v3-env .MuiDialog-paper{
  height:100% !important;
  margin-bottom:var(--space-0) !important;
  margin-left:auto;
  margin-right:var(--space-0);
  width:60% !important;
}


.service-container-v3 .service-overridable-container{
  visibility:hidden;
}


.versioning-round{
  align-items:center;
  border-radius:var(--radius-24);
  display:flex;
  height:var(--space-48);
  justify-content:center;
  width:var(--space-48);

}

.draft_round{
  background:var(--color-secondary-500);
  box-shadow:var(--space-0) var(--space-8) var(--space-8) var(--space-0) var(--color-secondary-500);

}

.not_configured_round{
  background:var(--color-grey-300);

}

.configured_round,.not_configured_round{
  box-shadow:var(--space-0) var(--space-8) var(--space-8) var(--space-0) #d0d0d038;

}

.configured_round{
  background:var(--color-success-600);

}

.inuse_round{
  background:var(--color-tertiary-500);
  box-shadow:var(--space-0) var(--space-8) var(--space-8) var(--space-0) var(--color-pastel-yellow);

}

.versioning-chip{
  color:var(--color-white);
}

.secondary-build-chip,.versioning-chip{
  background-color:initial;
  border-radius:var(--radius-6);
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  height:fit-content;
  line-height:var(--line-height-1-2);
  padding:var(--space-8) var(--space-10);
}



.not-configured-chip,.secondary-build-chip{
  color:var(--color-secondary-500);
}



.not-configured-chip{
  background:#fea11133;
}

.draft-pending-chip{
  background-color:var(--color-pastel-yellow);
  color:var(--color-warning-500);
}

.draft-chip{
  background-color:var(--color-pastel-blue-2);
  color:var(--color-info-500);
}

.color-E1941D{
  color:var(--color-warning-500) !important;
}

.draft-failed-chip{
  background-color:var(--color-pastel-red);
  color:var(--color-error-600);
}

.in-use-chip{
  background-color:var(--color-pastel-green);
  color:var(--color-success-500);
}

.default-outline-chip-v1{
  border:var(--space-1) solid #0000;
  border-bottom:var(--space-2) solid var(--color-grey-300);
}

.chip-v1{
  background-color:initial;
  border-radius:var(--radius-6);
  color:#0000;
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  height:var(--space-36);
  overflow:hidden;
  padding:var(--space-8) var(--space-16);
  position:relative;
  text-align:center;
  width:fit-content;
}

.default-outline-chip-v1{
  border:var(--space-1) solid var(--color-grey-300);
  color:var(--color-tertiary-500);
  position:relative;
}

.button-processing::after{
  animation:moveLine 3s infinite alternate;
  border-bottom:var(--space-2) solid var(--color-tertiary-500);
  bottom:0;
  content:"";
  left:var(--space-42);
  position:absolute;
  width:var(--space-80);
}

.chip-compliance{
  background-color:#ebf5ff;
  border:1px solid #c7d7ec;
  border-radius:6px;
  color:#505050;
  font-size:12px;
  font-weight:600;
  padding:6px 10px;
  width:fit-content;
}


@keyframes moveLine{
  0%{
    left:calc(var(--space-80)*-1);
  }

  25%{
    left:var(--space-160);
  }

  50%{
    left:calc(var(--space-80)*-1);
  }

  75%{
    left:var(--space-160);
  }

  100%{
    left:calc(var(--space-80)*-1);
  }
}


.icon-btn-v1{
  background-color:var(--color-white);
  border:var(--space-1) solid #0000;
  border-radius:var(--radius-6);
  color:var(--color-primary-500);
  font-size:var(--font-20);
  height:var(--space-36);
  text-align:center;
  vertical-align:middle;
  width:var(--space-36);
}

.icon-btn-outline-default{
  border-color:var(--color-border-grey);
  color:var(--color-primary-500);
}

.icon-btn-outline-default:hover{
  background-color:var(--color-tertiary-500)
}

.icon-btn-outline-default:hover,.icon-btn-outline-default:hover .text-anchor-blue{
  color:var(--color-white) !important
}

.icon-btn-outline-danger{
  border-color:var(--color-border-grey);
  color:var(--color-error-400);
}

.icon-btn-outline-danger:hover{
  background-color:var(--color-error-400);
  border-color:var(--color-error-400);
  color:var(--color-white);
}

.btn-group-v1 button{
  margin-left:var(--space-3);
  margin-right:var(--space-3);
}

.btn-group-v1 button:first-child{
  margin-left:var(--space-0);
}

.btn-group-v1 button:last-child{
  margin-right:var(--space-0);
}

.sm-round-green{
  background-color:var(--color-success-600) !important;
  border-radius:var(--radius-full);
  height:var(--space-16);
  width:var(--space-16);
}

.static-round-icon-bg{
  align-items:center;
  background-color:initial;
  display:flex;
  justify-content:center;
}

.size-20{
  border-radius:var(--radius-10);
  height:var(--space-20);
  width:var(--space-20);
}

.static-round-icon-bg{
  right:calc(var(--space-5)*-1);
  top:calc(var(--space-5)*-1);
}

.position-relative{
  position:relative;
}

.position-absolute{
  position:absolute;
}

.btn-sq-icon-primary{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-6);
  color:var(--color-primary-500);
  font-size:var(--font-20);
  max-height:var(--space-36);
  max-width:var(--space-36);
  padding:var(--space-8);
}

.btn-sq-icon-primary:hover,.btn-sq-icon-primary:hover .btn-sq-icon-primary-icon{
  color:var(--color-white) !important;
}

.btn-sq-icon-primary-disabled{
  background-color:initial;
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-6);
  color:var(--color-grey-400) !important;
  font-size:var(--font-20);
  max-height:var(--space-36);
  max-width:var(--space-36);
  padding:var(--space-8);
}


.btn-sq-icon-primary:hover{
  background-color:var(--color-tertiary-500);
  border-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.vertical-align-super{
  vertical-align:super;
}

.float-cancel-button{
  align-items:center;
  background-color:var(--color-error-600);
  border:none;

  border-radius:var(--radius-6) 0 0 var(--radius-6);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-24);
  height:var(--space-52);
  justify-content:center;
  left:var(--space-0);
  margin:var(--space-0);
  margin-right:var(--space-0) !important;
  padding:var(--space-3);
  position:absolute;
  top:var(--space-0);
  width:var(--space-56);

}

.company-logo{
  align-items:center;
  background:var(--color-white);
  border-radius:var(--radius-6);
  box-shadow:var(--space-2) var(--space-4) var(--space-4) var(--space-0) #0000000a;
  display:flex;
  flex-direction:column;
  gap:var(--space-10);
  height:var(--space-38);
  justify-content:center;
  margin-left:var(--space-6);
  object-fit:contain;
  padding:var(--space-0) var(--space-29);
  width:var(--space-135);
}

.user-company-details{
  border-top-right-radius:50px;
}

.nav-user-avatar{
  cursor:pointer;
  height:var(--space-47);
}

.avatar-user{
  background-color:var(--color-info-800) !important;
  border:var(--space-2) solid var(--color-grey-500);
  border-color:var(--color-tertiary-200);
  color:var(--color-white) !important;
  font-size:var(--font-18) !important;
  font-weight:var(--font-weight-600);
  height:var(--space-44) !important;
  width:var(--space-44) !important;
}

.nav-user-avatar:hover .avatar-user{
  display:none;
  opacity:1;
}

.nav-user-avatar:hover .avatar-image{
  opacity:1;
}

.avatar-image{
  display:none;
  height:var(--space-44) !important;
  opacity:0;
  position:absolute;
  width:var(--space-44) !important;
}

.capital-text{
  text-transform:uppercase;
}

.ri-eye-line-icon.visible{
  opacity:1;
}

.ri-eye-line-icon{
  opacity:0;
  position:absolute;
  right:var(--space-5)
}

.ri-eye-line-icon:hover{
  color:var(--color-tertiary-500);
  cursor:pointer;
}

.display-none{
  display:none !important;
}

.sub-container{
  position:relative;
}

.time-text-div{
  position:absolute;
  right:var(--space-10)
}

.muiAutocomplete-endAdornment-wrapper .MuiAutocomplete-endAdornment{
  right:0 !important;
  top:0 !important;
}

.container-of-items{
  max-width:var(--space-600);
  overflow-x:scroll;
  scroll-behavior:smooth;
}
.switch-new-box{
  content:"No";
  cursor:pointer;
  --button-width:3.2em;
  --button-height:1.5em;
  --toggle-diameter:1.5em;
  --button-toggle-offset:calc((var(--button-height) - var(--toggle-diameter))/2);
  --toggle-shadow-offset:10px;
  --toggle-wider:3em;
  --color-grey:#ccc;
  --color-green:#4296f4;
  align-items:center;
  display:flex;
  justify-content:center;

}


.slider-new-box{
  background-color:var(--color-grey);
  border-radius:calc(var(--button-height)/2);
  height:var(--button-height);
  position:relative;
  width:var(--button-width);
}

.slider-new-box,.slider-new-box::after{
  display:inline-block;
  transition:all .2s ease-in-out;
}

.slider-new-box::after{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-green);
  border-radius:calc(var(--toggle-diameter)/2);
  box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset)*4) #0000001a;
  content:"";
  height:var(--toggle-diameter);
  position:absolute;
  top:var(--button-toggle-offset);
  transform:translateX(var(--button-toggle-offset));
  width:var(--toggle-diameter);
}

.switch-new-box input[type="checkbox"]:checked+.slider-new-box{
  background-color:var(--color-green);
}

.switch-new-box input[type="checkbox"]:checked+.slider-new-box::after{
  box-shadow:calc(var(--toggle-shadow-offset)*-1) var(--space-0) calc(var(--toggle-shadow-offset)*4) #0000001a;
  transform:translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
}

.switch-new-box input[type="checkbox"]{
  display:none;
}

.switch-new-box input[type="checkbox"]:active+.slider-new-box::after{
  width:var(--toggle-wider);
}

.switch-new-box input[type="checkbox"]:checked:active+.slider-new-box::after{
  transform:translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
}

.color-check-green{
  color:var(--color-success-600) !important;
}

.download-options{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-100);
  border-radius:var(--radius-6);
  box-shadow:var(--space-0) var(--space-4) var(--space-4) var(--space-0) var(--color-overlay-black-26);
  height:auto;
  left:auto;
  opacity:1;
  padding:var(--space-10) var(--space-12) var(--space-10) var(--space-12);
  position:absolute;
  right:0;
  top:calc(100% + 5px);
  width:auto;
  z-index:999;
}

.cancel-button{
  align-items:center;
  background:var(--color-white);
  border:var(--space-1) solid var(--color-primary-200);
  border-radius:var(--radius-6);
  color:var(--color-primary-500);
  display:flex;
  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-600);
  gap:var(--space-6);
  height:var(--space-40);
  justify-content:center;
  line-height:normal;
  padding:var(--space-8) var(--space-16);
  text-align:center;
  text-transform:uppercase;
  width:var(--space-84);
}

.cancel-button:hover{
  background:var(--color-tertiary-500) !important;
  color:var(--color-white);
}

.add-group-btn{
  align-items:center;
  background:var(--color-tertiary-500);
  border:none;
  border-radius:var(--radius-6);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-600);
  gap:var(--space-6);
  height:var(--space-40);
  justify-content:center;
  line-height:normal;
  padding:var(--space-11) var(--space-16);
  text-shadow:var(--space-0) var(--space-2) var(--space-1) #00000040;
  text-transform:uppercase;
}

.add-group-btn:hover{
  background:var(--color-primary-800);
  color:var(--color-white);
}
::-webkit-input-placeholder{
  font-family:Montserrat,sans-serif;
}

:-moz-placeholder,::-moz-placeholder{
  font-family:Montserrat,sans-serif;
}

:-ms-input-placeholder{
  font-family:Montserrat,sans-serif;
}

.download-menu{
  align-items:center;
  cursor:pointer;
  display:flex;
}

.option-text{
  color:var(--color-badge-grey-text);
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
  line-height:var(--line-height-14-63);
  margin-left:var(--space-8);
  text-align:left;
  white-space:nowrap;
}

.dialog-align-corner{
  position:relative;
}

.dialog-align-corner .MuiPaper-root{
  background-color:initial;
  border-radius:var(--radius-0);
  box-shadow:none;
  height:100%;
  margin:var(--space-0);
  max-height:100%;
  max-width:var(--space-900);
  position:absolute;
  right:var(--space-0);
  top:var(--space-0);
  width:100%;
}

.dialog-align-corner .dialog-sub-component{
  height:inherit;
}

.dialog-align-corner .left-panel-dialog{
  box-shadow:calc(var(--space-20)*-1) var(--space-0) var(--space-35) var(--space-0) var(--color-overlay-black-11) inset;
}

.dialog-align-corner .right-panel-dialog{
  box-shadow:var(--space-0) var(--space-8) var(--space-24) var(--space-0) var(--color-overlay-black-11);

  height:100vh;
}

.btn-icon-only{
  align-items:center;
  background-color:initial;
  border:none;
  border-radius:var(--radius-18);
  color:var(--color-white);
  display:flex;
  font-size:var(--font-24);
  height:var(--space-36);
  justify-content:center;
  margin:var(--space-0);
  margin-right:var(--space-0) !important;
  padding:var(--space-3);
  width:var(--space-36);
}

.btn-icon-only:hover{
  background-color:var(--color-grey-100);
}


.dynamic-input-left .input-component select{
  border-bottom-right-radius:var(--space-0);
  border-right:var(--space-0);
  border-top-right-radius:var(--space-0);
  padding-left:22% !important;
  position:relative !important;

}

.dynamic-input-right .input-component select{
  border-bottom-left-radius:var(--space-0);
  border-top-left-radius:var(--space-0);
  padding-left:8% !important;
  position:relative !important;
}

.gap-6{
  gap:var(--space-6);
}

.font-24{
  font-size:var(--font-24);
}

.revoke-btn{
  background:#fff;
  color:var(--color-error-600) !important;
}

.revoke-btn:hover{
  background-color:var(--color-error-600) !important;
  border:var(--space-1) solid #fff !important;
  color:var(--color-white) !important;
}

.MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input:first-child{
  font-size:var(--font-14) !important;
  font-weight:var(--font-weight-500) !important;
  height:auto;
  line-height:var(--line-height-2) !important;
  padding:var(--space-5) var(--space-14) !important;
}

.MuiTab-root{
  font-family:Montserrat,sans-serif !important;
}

.step-logs-bar{
  height:var(--space-2);
  width:var(--space-70) !important;
}

.step-logs-bar.failed,.step-logs-bar.new-failed-log{
  background:var(--color-error-700);
}

.step-logs-bar.success{
  background:var(--color-success-600);
}

.step-logs-bar.running{
  background:var(--color-tertiary-500);
}

.step-logs-bar.inqueue{
  background:var(--color-secondary-500);
}

.step-logs-bar.revoked{
  background:var(--color-badge-grey-text);
}

.step-logs-bar.skipped{
  background:var(--color-badge-grey-bg);
}

.child-build-branch-div{
  background:linear-gradient(94deg, var(--color-grey-000) 46.72%, var(--color-grey-000) 90.41%);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-6);
  margin:var(--space-24) var(--space-0);
  padding:var(--space-10) var(--space-12) var(--space-12) var(--space-12);
}

.child-build-branch-div .header-text{
  color:var(--CONTENT-SECONDARY, var(--color-content-secondary));

  font-size:var(--font-14);
  font-style:normal;
  font-weight:var(--font-weight-600);
  line-height:normal;
  margin-left:var(--space-8);
}

.child-build-branch-div .card-header{
  align-items:center;
  display:flex;
  height:100% !important;
}

.override-parent-div{
  margin-top:var(--space-16);
}

.single-override-div .child-build-header{
  color:var(--CONTENT-SECONDARY, var(--color-content-secondary));
}

.running-state-icon{
  animation-duration:2s;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-name:roundinfinite;
  animation-timing-function:ease-in-out;
}

@keyframes roundinfinite{
  0%{
    rotate:90deg;
  }

  25%{
    rotate:180deg;
  }

  65%{
    rotate:270deg;
  }

  100%{
    rotate:1turn;
  }
}

.btn-status{
  align-items:center;
  border-radius:var(--radius-4);
  display:flex;

  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-700);
  gap:var(--space-10);
  height:var(--space-23);
  justify-content:center;
  line-height:normal;
  padding:var(--space-4) var(--space-6);
  text-transform:uppercase;
  width:var(--space-80) !important;
}

.new-revoke{
  border:var(--space-1) solid var(--color-border-grey);
  color:var(--color-grey-500);
}

.new-success{
  background:var(--color-grey-100);
  border:var(--space-1) solid var(--color-success-100);

  color:var(--color-success-600);
}

.new-failed{
  background:var(--color-pastel-pink);
  border:var(--space-1) solid var(--color-pastel-red);
  color:var(--color-error-700);
}

.new-running{
  background:var(--color-pastel-blue-2);
  border:var(--space-1) solid var(--color-success-100);
  color:var(--color-tertiary-500);
}

.new-inqueue{
  background:var(--color-pastel-yellow);
  border:var(--space-1) solid var(--color-warning-100);
  color:var(--color-secondary-500);
  width:var(--space-80) !important;
}

.activity-details-btn{
  align-items:center;
  background:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-6);
  color:var(--color-tertiary-500);
  cursor:pointer;
  display:flex;
  gap:var(--space-10);
  height:var(--space-36);
  justify-content:center;
  padding:var(--space-8);
  width:var(--space-36);
}

.activity-details-btn:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

.revoke-btn{
  color:var(--color-error-600);
}

.revoke-btn:hover{
  background-color:var(--color-error-600);
  color:var(--color-white);
}
.new-checkbox-container input{
  display:none;
}

.new-checkbox-container{
  cursor:pointer;
  display:block;
  position:relative;
  -webkit-user-select:none;
          user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.new-checkbox-checkmark{
  background-color:var(--color-white);
  border-radius:.25em;
  height:var(--space-20);
  left:0;
  position:relative;
  top:0;
  transition:all .25s;
  width:var(--space-20);
}


.new-checkbox-container input:checked~.new-checkbox-checkmark{
  background-color:var(--color-tertiary-400);
}


.new-checkbox-checkmark:after{
  border:var(--space-1) solid var(--color-grey-300);
  border-radius:.25em;
  content:"";
  height:var(--space-20);
  left:0;
  position:absolute;
  top:0;
  transform:rotate(0deg);
  transition:all .25s,border-width .1s;
  width:var(--space-20);
}


.new-checkbox-container input:checked~.new-checkbox-checkmark:after{
  border-color:var(--color-white);
  border-radius:0;
  border-width:var(--space-0) .15em .15em 0;
  height:var(--space-10);
  left:.45em;
  top:.25em;
  transform:rotate(45deg);
  width:var(--space-5);
}

.activity-card:hover{
  background-color:#f5f5f599 !important;
}

.hover-bg-blue:hover{
  background-color:var(--color-tertiary-800) !important;
  color:var(--color-white) !important;
}


.v3-advance-tabs{
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
  display:flex;
  height:var(--space-47);
  overflow:auto;
  padding:var(--space-0) var(--space-20);
  width:100%;
}


.v3-advance-tabs::-webkit-scrollbar{
  width:var(--space-0);
}

.v3-advance-tabs::-webkit-scrollbar-thumb,.v3-advance-tabs::-webkit-scrollbar-track{
  display:none;
}

.v3-advance-tabs .tabs{
  font-weight:var(--font-weight-500);
}

.v3-advance-tabs .active-tabs,.v3-advance-tabs .tabs{
  border:var(--space-0) var(--space-0) var(--space-4);
  color:var(--color-content-primary);
  cursor:pointer;
  flex:0 0 auto;
  font-size:var(--font-12);
  gap:var(--space-12);
  line-height:var(--line-height-14-63);
  padding:var(--space-16) var(--space-24) var(--space-16) var(--space-24);
  text-align:left;
  text-transform:uppercase;

}

.v3-advance-tabs .active-tabs{
  border-bottom:var(--space-4) solid var(--color-primary-500);
  font-weight:var(--font-weight-600);
  width:fit-content;

}

.report-tools-tabs{
  border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
  display:flex;
  height:var(--space-47);
  overflow:auto;
  padding:var(--space-0);
  width:100%;
}


.report-tools-tabs::-webkit-scrollbar{
  width:var(--space-0);
}

.report-tools-tabs::-webkit-scrollbar-thumb,.report-tools-tabs::-webkit-scrollbar-track{
  display:none;
}

.report-tools-tabs .tabs{
  font-weight:var(--font-weight-500);
  padding:var(--space-16) var(--space-24);
}

.report-tools-tabs .active-tabs,.report-tools-tabs .tabs{
  background-color:initial;
  border:var(--space-0) var(--space-0) var(--space-4);
  box-shadow:none;
  color:var(--color-content-primary);
  cursor:pointer;
  flex:0 0 auto;
  font-size:var(--font-12);
  gap:var(--space-12);
  line-height:var(--line-height-14-63);
  text-align:left;
  text-transform:uppercase;
}

.report-tools-tabs .active-tabs{
  border-bottom:var(--space-4) solid var(--color-tertiary-500);
  font-weight:var(--font-weight-600);
  padding:var(--space-16) var(--space-24) var(--space-16) var(--space-24);
  width:fit-content;
}

.mb-24{
  margin-bottom:var(--space-24);
}

.disable-enable-switch .label-controller{
  visibility:hidden;
}

.inner-switch-input.disable-enable-switch .label-controller{
  display:none;
}

.inner-switch-input.disable-enable-switch .input-component{
  margin-bottom:var(--space-0);
  width:100%;
}

.widget-input-div .input-component{
  margin-bottom:var(--space-5);
}

.versionBtn{
  align-items:center;
  align-self:stretch;
  background:var(--color-success-600);
  border-radius:var(--radius-6);
  color:var(--color-white);
  display:flex;
  flex-direction:column;
  flex-shrink:0;

  font-size:var(--font-14);
  font-style:normal;
  font-weight:var(--font-weight-600);
  gap:var(--space-10);
  justify-content:center;
  line-height:normal;
  padding:var(--space-3) var(--space-6);
  text-transform:uppercase;
  width:var(--space-48);
}

.single-override-div .hr-line{
  background-color:var(--color-badge-grey-bg);
  height:var(--space-1);
  margin-left:var(--space-12);
  width:100%;
}

.h-40px{
  height:var(--space-40) !important;
}

.step-header-new{
  color:var(--color-content-secondary);

  font-size:var(--font-12);
  font-style:normal;
  font-weight:var(--font-weight-600);
  line-height:normal;
  text-transform:uppercase;
  width:var(--space-300);

}

.step-body-new{
  color:var(--color-content-primary);
  display:flex;


  font-size:var(--font-14);
  font-style:normal;
  font-weight:var(--font-weight-400);
  line-height:150%;
}
div.horizontal_scroll_div{
  align-items:center;
  display:flex;
  gap:var(--space-3);
  width:100%;
}

div.horizontal_scroll_div button{
  align-items:center;
  background:var(--color-white);
  border:var(--space-1) solid var(--color-grey-300);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-30);
  justify-content:center;
  margin:var(--space-5);
  width:var(--space-30);


}

.sample-input .Mui-disabled{
  background-color:initial !important;
}

.sample-input input:disabled{
  opacity:0;
}

div.horizontal_scroll_div button:nth-child(1){
  box-shadow:var(--space-29) 8.5px 25.5px var(--space-8) #fff;
  box-shadow:var(--space-29) var(--space-11) var(--space-12) var(--space-27) #fff;
}

div.horizontal_scroll_div button:nth-child(2){
  box-shadow:var(--space-35) var(--space-0) var(--space-2) var(--space-0) #fff !important;
}

div.horizontal_scroll_div button:hover{
  background-color:var(--color-tertiary-500);
  color:var(--color-white);
}

div.horizontal_scroll_div div{
  align-items:center;
  display:flex;
  gap:var(--space-20);
  overflow-x:auto;
  scroll-behavior:smooth;
  white-space:nowrap;
}

div.horizontal_scroll_div div::-webkit-scrollbar{
  display:none;
}

div.horizontal_scroll_div li{
  color:var(--color-badge-grey-text);
  cursor:pointer;
  font-size:var(--font-13);
  list-style:none;
  padding:var(--space-5) var(--space-10);
  text-transform:uppercase;
}

div.horizontal_scroll_div li.active{
  border-bottom:var(--space-3) solid var(--color-tertiary-500);
  color:var(--color-tertiary-500);
}

.ad-left-arrow,.ad-right-arrow{
  display:none;
}
.menu-list-service{
  height:var(--space-30);
  padding-left:var(--space-12);

}

.menu-list-service:hover{
  background:var(--color-grey-600);
}

.pin-container{
  align-items:center;
  background:var(--color-grey-000);
  border-radius:var(--radius-4);
  color:var(--color-content-tertiary);
  cursor:pointer;
  display:inline-flex;
  gap:var(--space-6);
  height:var(--space-32);
  justify-content:center;
  padding:var(--space-8) var(--space-10);
}

.pin-container:hover{
  background:var(--color-pastel-blue-2);
  color:var(--color-tertiary-500);
}

.monitoring-icon{
  align-items:center;
  animation:blink-radient 1s ease-in-out infinite;
  background:radial-gradient(circle, #6b74a8b3 0, #6b74a84d 40%, #ffffff80 80%, #fff3 100%);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-35);
  justify-content:center;
  width:var(--space-40);

}

.monitoring-icon:hover{
  animation:none;
  background:var(--color-primary-300);
}


@keyframes blink-radient{
  0%{
    background:none;
  }

  20%{
    background:none;
  }

  25%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 20%, var(--color-info-400) 30%, #ffffffb3 40%, #0000 45%, #0000 80%, #0000 100%);
  }

  30%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 20%, var(--color-info-400) 30%, #ffffffb3 40%, #0000 45%, #0000 80%, #0000 100%);
  }

  35%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 20%, var(--color-info-400) 30%, #ffffffb3 50%, #0000 55%, #0000 80%, #0000 100%);
  }

  40%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 40%, var(--color-info-400) 50%, #ffffffb3 80%, #ffffffb3 100%);
  }

  50%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 40%, var(--color-info-400) 50%, #ffffffb3 80%, #ffffffb3 100%);
  }

  60%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 40%, var(--color-info-400) 50%, #ffffffb3 80%, #ffffffb3 100%);
  }

  65%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 40%, var(--color-info-400) 50%, #ffffffb3 80%, #ffffffb3 100%);
  }

  70%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 20%, var(--color-info-400) 30%, #ffffffb3 50%, #0000 55%, #0000 80%, #0000 100%);
  }

  75%{
    background:radial-gradient(circle, var(--color-info-400) 0, var(--color-info-400) 20%, var(--color-info-400) 30%, #ffffffb3 40%, #0000 45%, #0000 80%, #0000 100%);
  }

  80%{
    background:none;
  }

  100%{
    background:none;
  }
}


.btn-sq-icon-primary-transparent{
  background-color:initial;
  border:none;
  border-radius:var(--radius-6);
  color:var(--color-primary-500);
  font-size:var(--font-20);
  max-height:var(--space-36);
  max-width:var(--space-36);
  padding:var(--space-8);
}

.btn-sq-icon-primary-transparent:hover{
  background-color:var(--color-tertiary-500);
  border-color:var(--color-tertiary-500);
  border:var(--space-1) solid var(--color-border-grey);
  color:var(--color-white);
}

.pipeline-history-back{
  color:var(--color-content-tertiary) !important;
}

.pipeline-history-back:hover{
  color:var(--color-tertiary-500) !important;
}
.logs-step::-webkit-scrollbar{
  height:var(--space-5) !important;
  width:var(--space-12) !important;
}

.logs-step::-webkit-scrollbar-track{
  background-color:var(--color-white) !important;
  -webkit-box-shadow:none !important;
}

.logs-step::-webkit-scrollbar-thumb{
  background:var(--color-badge-grey-bg) !important;
  border-radius:var(--radius-6);
}

.logs-step::-webkit-scrollbar-thumb:hover{
  background:var(--color-grey-300) !important;
}

.resend-btn:hover{
  text-decoration:underline;
}
.float-button-logs{
  align-items:center;
  background:var(--color-secondary-500);
  border:none;
  border-radius:var(--radius-6);
  bottom:var(--space-50);
  color:var(--color-white);
  cursor:pointer;
  display:flex;
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  justify-content:center;
  left:var(--space-50);
  padding:var(--space-10);
  position:absolute;
  text-align:center;
}

.markdown-rapper{
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
}

.markdown-rapper code{
  white-space:normal;
}

.sample-checkbox-wrapper .input-component{
  display:flex;
  flex-direction:row-reverse;
}

.bg-watermark{
  background-image:url(/static/media/bp-watermark1.244aaa1eb8ccd942677e.png) !important;
  background-position:0 100%;
  background-repeat:no-repeat;
  bottom:var(--space-24);
  height:var(--space-148);
  left:var(--space-0);
  opacity:.16;
  position:absolute;
  width:var(--space-300);
  z-index:1;
}

.vertical-canary-tabs{
  align-items:center;
  background-color:initial;
  border:none;
  box-shadow:none;
  display:flex;
  justify-content:space-between;
  padding:var(--space-6) var(--space-12);
  width:100%;
}


.vertical-canary-tabs .metric-name{
  color:var(--color-content-primary);
  font-size:var(--font-12);
  font-weight:var(--font-weight-500);
}

.vertical-canary-tabs .metric-status-failed{
  background-color:var(--color-pastel-red);
  color:var(--color-error-600)
}

.vertical-canary-tabs .metric-status-failed,.vertical-canary-tabs .metric-status-pass{
  border-radius:var(--radius-4);

  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  padding:var(--space-2) var(--space-6)
}

.vertical-canary-tabs .metric-status-pass{
  background-color:var(--color-pastel-green);
  color:var(--color-success-600)
}

.canary_card_dialog_width{
  width:803px !important;
}

.inner-switch-input.disable-enable-switch .label-controller,.inner-switch-input.disable-enable-switch>.input-component>.d-flex{
  display:none !important;
}

.width-fix{
  width:var(--space-80);
}

.switch.ed-switch .switch-input:checked~.switch-handle-fix{
  left:var(--space-63);
}

.version-chip{
  border:var(--space-1) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-5);
  color:var(--color-tertiary-500);
  font-size:var(--font-12);
  font-weight:var(--font-weight-600);
  padding:var(--space-4) var(--space-10);
}

.canvas-gjt:last-child .canvas-gjt33{
  height:var(--space-0) !important;
}

.scrollable-div-wrapper .container-of-items{
  max-width:var(--space-450);
}

.p-20{
  padding:var(--space-20);
}

.font-weight-100{
  font-weight:var(--font-weight-100) !important;
}

.locker svg{
  fill:var(--color-tertiary-500) !important;
  position:relative;
}

.btn-prime{
  background-color:var(--color-tertiary-500) !important;
  border-radius:var(--radius-6);
  color:var(--color-white) !important;
  font-size:var(--font-12) !important;
  min-width:var(--space-150);
  padding:var(--space-11) var(--space-16) var(--space-11) var(--space-12) !important;
  text-transform:uppercase;
}

input:-webkit-autofill,
input:-webkit-autofill:focus{
  -webkit-transition:background-color 600000s 0s,color 600000s 0s;
  transition:background-color 600000s 0s,color 600000s 0s;
}

.jira-icon{
  align-items:center;
  border-radius:var(--radius-4);
  color:var(--color-white);
  display:flex;
  height:var(--space-24);
  justify-content:center;
  padding:var(--space-6);
  width:var(--space-24);
}

.MuiPopover-paper::-webkit-scrollbar{
  display:none
}

.checkbox-wrapper .input-component{
  margin-bottom:var(--space-0);

}

.scrollable-div__p1::-webkit-scrollbar-thumb{
  background-color:#a9a9a9 !important;
  visibility:hidden;
}

.scrollable-div__p1::-webkit-scrollbar-track{
  background-color:var(--color-grey-100) !important;
  box-shadow:none !important;
  visibility:hidden;
}

.scrollable-div__p1:hover::-webkit-scrollbar-thumb{
  background-color:#a9a9a9 !important;
  visibility:visible;
}

.scrollable-div__p1:hover::-webkit-scrollbar-track{
  background-color:var(--color-grey-100) !important;
  box-shadow:none !important;
  visibility:visible;
}

.MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight.supreme_priority_class,.supreme_priority_class .MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight{
  z-index:99999999 !important;
}

.markdown-rapper ol,
.markdown-rapper ul{
  font:12px;
  list-style:none
}

.markdown-rapper li,.markdown-rapper p{
  margin-bottom:var(--space-10);
}

.snackbar-wrapper .MuiAlert-root{
  box-shadow:var(--space-0) var(--space-20) var(--space-34) var(--space-0) var(--color-overlay-black-07);
  padding:var(--space-16) var(--space-20);
}

.snackbar-div .MuiPaper-root{
  width:auto !important;
}

.database-type-list{
  display:flex;
  flex-direction:column;
  gap:var(--space-8);
}

.database-type-card>span{
  color:var(--color-content-primary);
  font-family:Montserrat,sans-serif;
  font-size:var(--font-14);
  font-weight:var(--font-weight-400);

}

.database-type{
  align-items:center;
  display:flex;
  gap:var(--space-8);
}

.database-type .option-capsule{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-36);
  color:var(--color-badge-grey-text);
  font-size:var(--font-14);
  font-weight:var(--font-weight-600);
  padding:var(--space-8) var(--space-16);
}

.material-ui-chip-wrapper .MuiChip-deleteIcon{
  height:auto;
  width:auto;
}

.material-ui-chip-wrapper .color-white{
  color:var(--color-white) !important;
}

.sidebar-job-temp{
  height:calc(100vh - 100px);
  overflow-y:scroll;
}

.horizontal-tab-wrapper-v3{
  background-color:var(--color-white);
}

.horizontal-tab-wrapper-v3 .md-stepper-horizontal{
  max-width:var(--space-820);
}

.variant-v2{
  width:100%;
}

@media(min-width:960px) and (max-width:1279px){
  .horizontal-tab-wrapper-v3 .md-stepper-horizontal{
    max-width:var(--space-640);
  }

  .variant-v2{
    max-width:var(--space-700);
    width:100%;
  }
}

@media(min-width:1280px) and (max-width:1439px){
  .horizontal-tab-wrapper-v3 .md-stepper-horizontal{
    max-width:var(--space-920);
  }

  .variant-v2{
    max-width:100%;
    width:var(--space-820);
  }
}

@media(min-width:1440px){
  .horizontal-tab-wrapper-v3 .md-stepper-horizontal{
    max-width:var(--space-1000);
  }

  .variant-v2{
    max-width:100%;
    width:100%;

  }
}

.truncate-text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.new-suspended{
  background:var(--color-badge-grey-bg);
  border:var(--space-1) solid var(--color-grey-400);
  color:var(--color-grey-900);
}

.custom-scrollbar{
  padding-right:var(--space-6);
  scrollbar-color:#0086ff #e6e6e6;
  scrollbar-width:thin;
}

.custom-scrollbar::-webkit-scrollbar{
  background-color:var(--color-badge-grey-bg);
  border-radius:var(--radius-1);
  margin-left:var(--space-6);
  width:var(--space-3);
}

.custom-scrollbar::-webkit-scrollbar-thumb{
  background-color:var(--color-tertiary-500);
  border-radius:var(--radius-1);
}

.custom-scrollbar::-webkit-scrollbar-button{
  display:none;
}

.switch-new .input-component{
  margin-bottom:var(--space-0);
  width:fit-content;
}

.switch-input-wrapper-v2 .switch-input:checked~.switch-label{
  background-color:var(--color-tertiary-500) !important;
  border:none;
  padding:var(--space-4) var(--space-30);
  top:calc(var(--space-5)*-1)
}

.switch-input-wrapper-v2 .switch-input~.switch-label{
  background-color:var(--color-badge-grey-bg) !important;
  border:none;
  box-shadow:var(--space-1) var(--space-1) var(--space-1) var(--space-0) var(--color-overlay-black-07) inset;
  padding:var(--space-4) var(--space-30);
  top:calc(var(--space-5)*-1);
}

.switch-input-wrapper-v2 .switch-input~.switch-label::before{
  color:var(--color-grey-400) !important;
}

.switch-input-wrapper-v2 .switch-input~.switch-handle{
  background:var(--color-white);
  box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--space-0) var(--color-overlay-black-07);
  height:var(--space-20);
  left:var(--space-5);
  top:calc(var(--space-1)*-1);
  width:var(--space-20);
}

.switch-input-wrapper-v2 .switch-input~.switch-label::before{
  font-size:var(--font-12);
  top:var(--space-15);
}

.switch-input-wrapper-v2 .switch-input:checked~.switch-handle{
  background:var(--color-white);
  box-shadow:none;
  height:var(--space-20);
  left:var(--space-36);
  top:calc(var(--space-1)*-1);
  width:var(--space-20);
}

.switch-input-wrapper-v2 .switch-label::after{
  font-size:var(--font-12);
  left:var(--space-11);
  top:var(--space-15-5);
}

.switch-input-wrapper-v2 .input-component,.switch-input-wrapper-v2 .input-component.f-direction-column{
  flex-direction:row;
}

.dynamic-input-left .input-component .MuiInputBase-input,.dynamic-input-left .input-component .MuiSelect-select{
  padding-left:22% !important;
}

.dynamic-input-left .input-component .MuiOutlinedInput-notchedOutline{
  border-bottom-right-radius:0 !important;
  border-right:var(--space-0) !important;
  border-top-right-radius:0 !important;
}

.dynamic-input-right .input-component .MuiInputBase-input,.dynamic-input-right .input-component .MuiSelect-select{
  padding-left:8% !important;
}

.dynamic-input-right .input-component .MuiOutlinedInput-notchedOutline{
  border-bottom-left-radius:0 !important;
  border-left:var(--space-0) !important;
  border-top-left-radius:0 !important;
}

.cluster-button{
  background:none;
  border:none;
  color:#0086ff;
}

.new-skipped{
  background:var(--color-content-primary);
  color:var(--color-white);
}


ul.headerul{
    align-items:center;
    display:flex;
    list-style:none;
    white-space:nowrap;
}
ul.headerul li{
    padding:var(--space-15) var(--space-20);
}

ul.appheaderul li,ul.headerul li{
    color:var(--color-badge-grey-text);
    font-size:var(--font-12);
    line-height:var(--line-height-1);
    text-transform:uppercase;
}

ul.appheaderul li{
    padding:var(--space-15) var(--space-10);
}

ul.headerul li.active{
    border-bottom:var(--space-3) solid var(--color-tertiary-500);
    color:var(--color-tertiary-500);
}

ul.capsuleTab{
    background-color:var(--color-white);
    border-radius:var(--radius-30);
    filter:drop-shadow(.877px 1.798px var(--space-13-5) rgba(0,0,0,.05));
    padding:var(--space-5) var(--space-7);
}
ul.capsuleTab li{
    color:var(--color-black);
    padding:var(--space-10) var(--space-20) !important;
}
ul.capsuleTab li.active{
    background-color:var(--color-tertiary-500);
    border-bottom:none;
    border-radius:var(--radius-30);
    color:var(--color-white);
}

.progress-container{
    justify-content:center;
    padding:var(--space-20) var(--space-10);
}
.MuiCheckbox-root{
    color:var(--color-tertiary-500)!important;
}
.sonar .varient-two-input{
    grid-template-columns:30% 30%!important;
}

.add-pipeline-card{
    overflow:hidden;
}

.add-pipeline-card-head{
    font-size:var(--font-13);
    padding:var(--space-15);
}

.add-pipeline-card-body{
    padding:var(--space-0) 0;
}

.add-pipeline-card-footer{
    background-color:var(--color-grey-000);
    border-top:var(--space-1) solid var(--color-border-grey);
    display:flex;
    justify-content:flex-end;
    padding:var(--space-15);
}

.btn-rnd{
    align-items:center;
    display:flex;
    justify-content:center;
}

.btn-rnd:hover{
    background-color:var(--color-grey-100);
    transition:.2s ease-in-out;
}

.pd-20{
    padding:var(--space-20);
}

.btn-grey-outline{
    border:var(--space-2) solid var(--color-grey-600);
    border-radius:var(--radius-4);
    color:var(--color-grey-600);
    display:inline-block;
    font-size:var(--font-12);
    font-weight:var(--font-weight-700);
    height:var(--space-32);
    line-height:var(--line-height-1-5);
    margin:var(--space-0) var(--space-3);
    min-width:var(--space-90);
    padding:var(--space-5);
    text-align:center;
}

.btn-blue-curve{
    border-color:var(--color-tertiary-500);
    font-weight:var(--font-weight-400)
}

.btn-blue,.btn-blue-curve{
    background-color:var(--color-tertiary-500);
    color:var(--color-white);
    font-size:var(--font-12);
}

.btn-blue{
    border-radius:var(--radius-4);
    display:inline-block;
    font-weight:var(--font-weight-700);
    height:var(--space-32);
    line-height:var(--line-height-2);
    padding:var(--space-5);
    text-align:center;
    width:var(--space-80);
}

.main-div{
    margin-bottom:var(--space-20);
}
 .sub-text .ri-flashlight-line,.sub-text .ri-time-fill{
    margin:var(--space-0) 5px 0 0!important;
}

.main-div .main-heading{
    font-size:var(--font-24);
    font-weight:var(--font-weight-300);
    line-height:var(--line-height-1-5);
}

.main-div .sub-heading{
    color:var(--color-badge-grey-text);
    font-size:var(--font-12);
    font-weight:var(--font-weight-300);
    line-height:var(--line-height-1);
}

.pipeline-detailed-card{
    background-color:var(--color-white);
    border-radius:var(--radius-8);
    box-shadow:.877px 1.798px var(--space-14) var(--space-0) #00000026;
    margin-top:var(--space-10);
    width:100%;
}

.pipeline-detailed-card-head{
    margin-top:var(--space-12);
    padding:var(--space-32) 0;
    width:100%;
}

.general-head-data{
    align-items:center;
    display:flex;
}

.pipeline-name{
    color:var(--color-primary-900);
    font-size:var(--font-18);
    font-weight:var(--font-weight-400);
    line-height:var(--line-height-1);
    margin:var(--space-0);
    max-width:var(--space-200);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.data-frequency-retention{
    display:flex;
    margin:var(--space-0) var(--space-5) 0 0;
}

.main-text-dark{
    color:var(--color-grey-600);
}

.main-text-dark,.main-text-lite{
    font-size:var(--font-11);
    line-height:var(--line-height-1);
}

.main-text-lite{
    color:var(--color-grey-400);
}

.text-box-pipeline-head{
    line-height:var(--line-height-1-2);
    margin-right:var(--space-10);
}

.owner-name .main-text{
    margin-right:0;
}

.chip-default-square{
    background-color:var(--color-info-200);
    border-radius:var(--radius-3);
    color:var(--color-grey-900);
    display:inline-block;
    font-size:var(--font-10);
    font-weight:var(--font-weight-400);
    line-height:var(--line-height-2);
    margin:var(--space-1);
    max-width:var(--space-83);
    overflow:hidden;
    padding:var(--space-0) var(--space-5);
    text-overflow:ellipsis;
    white-space:nowrap;
}

.chip-default-square:first-child{
    margin-left:var(--space-0);
}

.mb-5{
    margin-bottom:var(--space-5);
}

.pipeline-service-data{
    margin:var(--space-0) var(--space-10);
}

.chip-bg-dark-grey{
    background-color:var(--color-grey-300);
    color:var(--color-white);
}

.edit-btn{
    margin-left:auto;
}

.section-header{
    background-color:var(--color-grey-000);
    border:var(--space-1) solid var(--color-badge-grey-bg);
    border-right:none;
    color:var(--color-content-primary);
    font-size:var(--font-14);
    width:100%;
}

.pipeline-detailed-card-body{
    border-radius:var(--radius-8);
    display:grid;
    height:var(--space-505);
    overflow-y:hidden;
}

.parent-pipeline-box{
    border-radius:var(--radius-8);
    box-shadow:var(--space-0) var(--space-8) 6.5px #00000036;
    width:var(--space-250);
}
.task-name-pipeline .ri-arrow-right-fill{
    color:var(--color-info-300)!important;
    font-size:var(--font-11)!important;
}

.bg-transparent{
    background-color:initial !important;
    padding:var(--space-2) 0 !important;
}

.parent-pipeline-box-head-stage-name-card{
    background-color:var(--color-badge-blue-text);
    border-radius:var(--radius-4);
    height:var(--space-50);
}

.parent-pipeline-box-head,.parent-pipeline-box-head-stage-name-card{
    align-items:center;
    display:flex;
    justify-content:space-between;
    overflow:hidden;
    padding:var(--space-0) 10px;
    position:relative;
}

.parent-pipeline-box-head{
    background-color:var(--color-info-600);
    border-radius:var(--radius-4) var(--radius-4) var(--radius-0) var(--radius-0);
    height:var(--space-32);
}
.parent-pipeline-box-head .more-option span.ri-menu-unfold-fill{
    color:var(--color-white);
    display:inline-block;
    margin:var(--space-0);
}

.parent-pipeline-box-body{
    background-color:var(--color-info-500);
    min-height:var(--space-80);
    padding:var(--space-10);
    position:relative;
}

.parent-pipeline-box-body,.parent-pipeline-box-footer{
    border-radius:var(--radius-0) var(--radius-0) var(--radius-4) var(--radius-4);

}

.parent-pipeline-box-footer{
    align-items:center;
    background-color:var(--color-info-700);
    display:flex;
    height:var(--space-32);
    justify-content:space-between;
    padding:var(--space-0) 5px;

}

.fullscreen-button{
    background-color:initial;
    border:none;
    bottom:var(--space-50);
    position:relative;
    right:var(--space-20);
    z-index:9999;
}
.service-to-run-on{
    color:var(--color-white);
    display:flex;
    font-size:var(--font-11);
    line-height:var(--line-height-2);
    margin:var(--space-10) 0 0;
}

.task-type{
    font-size:var(--font-10);
    margin-top:var(--space-6);
    overflow:hidden;
    white-space:nowrap;
    width:var(--space-110);
}

.card-head-content,.task-type{
    color:var(--color-white);
    line-height:var(--line-height-1);
    text-overflow:ellipsis;
}

.card-head-content{
    align-items:center;
    display:flex;
    font-size:var(--font-11);
}

.text-lite-purple{
    color:var(--color-info-300) !important;
}

.task-name-pipeline,.text-white{
    color:var(--color-white);
}

.task-name-pipeline{
    font-size:var(--font-11);
    line-height:var(--line-height-3);
}

.pd-bottom-10{
    padding-top:var(--space-10);
}

.text-box-pipeline div{
    color:var(--color-white);
    font-size:var(--font-11);
    line-height:var(--line-height-1-2);
    opacity:.5;
}

.height-empty-box{
    height:calc(100% - var(--space-57)) !important;
}

.top-40{
    top:var(--space-40) !important;
}

.corner-count-box{
    background-color:var(--color-info-300);
    border-radius:var(--radius-4) var(--radius-0) var(--radius-4) var(--radius-0);
    bottom:0;
    color:var(--color-white);
    font-size:var(--font-11);
    height:var(--space-20);
    line-height:var(--line-height-2);
    margin:auto;
    position:absolute;
    right:0;
    text-align:center;
    width:var(--space-20);
}

.pipeline-stage-card-border-right{
    right:calc(var(--space-80)*-1);
    top:var(--space-40);
    width:var(--space-80);
}

.pipeline-stage-card-border-left,.pipeline-stage-card-border-right{
    background-color:var(--color-grey-500);
    height:var(--space-3);
    position:absolute;
}

.pipeline-stage-card-border-left{
    left:calc(var(--space-28)*-1);
    top:0;
    top:var(--space-70);
    width:var(--space-30);
}

.pipeline-stage-card-border-vertical{
    background-color:var(--color-grey-500);
    display:block;
    height:calc(100% - var(--space-90));
    left:calc(var(--space-30)*-1);
    position:absolute;
    top:var(--space-26);
    transition:background 4s;
    width:var(--space-3);
}

.top-26{
    top:var(--space-26);
}

.pipeline-stage-card{
    display:flex;
    margin:var(--space-0) 25px;
    position:relative;
    width:fit-content;
}

.pipeline-stage-card:first-child{
    margin-left:var(--space-0);
}

.pipeline-stage-card-head{
    display:flex;
    position:relative;
}

.empty-box{
    align-items:center;
    border:var(--space-2) dashed var(--color-info-500);
    box-shadow:none;
    display:flex;
    height:var(--space-72);
    justify-content:center;
}
.empty-box .btn .ri-add-circle-fill{
    color:var(--color-info-500);
    display:block!important;
    font-size:var(--font-18)!important;
    font-weight:var(--font-weight-400)!important;
}

.text-btn{
    font-size:var(--font-11);
    line-height:var(--line-height-1-5);
}

.bg-dark-purple{
    background-color:var(--color-info-600);
}

.bg-light-purple{
    background-color:var(--color-info-500);
}

.line-height-1{
    line-height:var(--line-height-1-5);
}

.tag-under-card{
    background-color:var(--color-tertiary-400);
    display:inline-block;
    padding:var(--space-2) var(--space-4);
}

.tag-under-card,.tag-under-card-non-dependent-job{
    border-radius:var(--radius-4);
    color:var(--color-white);
    font-size:var(--font-11);
    height:var(--space-21);
    line-height:var(--line-height-18);
    margin:var(--space-0) .5rem;
    min-width:var(--space-40);
    overflow:hidden;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:fit-content;
}

.tag-under-card-non-dependent-job{
    padding:var(--space-0) var(--space-4);
}

.bg-purple-chip,.tag-bg,.tag-under-card-non-dependent-job{
    background-color:var(--color-info-400);
}

.tag-bg{
    color:var(--color-white);
    max-width:var(--space-100);
}

.search-section{
    align-items:center;
    border:var(--space-1) solid var(--color-badge-grey-bg);
    border-radius:var(--radius-8);
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
    display:grid;
    gap:var(--space-10);
    grid-template-columns:40% 40% 1fr;
    margin:var(--space-15) 0;
    padding:var(--space-10);
}

.search-section,.search-section div .btn-grey-outline{
    background-color:var(--color-white);
}

.m-25{
    margin:var(--space-0) var(--space-2-5);
}

.vertical-box{
    margin-left:0;
    margin-top:var(--space-20);
    position:relative;
    width:fit-content;
}

.pipeline-view{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB1SURBVHja7NIhDsQwDETR2cqKcv9zBjkg1thSStst9S6oPPAHBPh9xhi7tYbrIgIiktZIAqq6v7fWSm2qug/8ae/7SCICZvY4aHYTEUHv/fZgZqnN3VEYCkNhKAyFoTAUhp9gIIk55+N47p7WSOIEAAD//wMAxRxXnYpQfgQAAAAASUVORK5CYII=);
    background-size:12px;
    border-radius:var(--radius-0) var(--radius-0) var(--radius-0) var(--radius-8);
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:hidden;
    width:100%;
}

.pipeline-stage-card-structure{
    height:100%;
    margin-left:var(--space-40);
    margin-right:var(--space-40);
    position:relative;
}

.scrollable-view .input-component .image-upload-wrap{
    width:var(--space-750);
}

@media screen and (max-width:1280px){
    .file-upload-input{
        border:none;
        bottom:0;
        color:#0000;
        cursor:pointer;
        margin:0;
        max-height:var(--space-39);
        opacity:1;
        outline:none;
        padding:0;
        position:absolute;
        right:0;
        width:var(--space-92);
    }

    .scrollable-view .input-component .image-upload-wrap{
        width:var(--space-640);
    }
}

.scrollable-view{
    height:100%;
    overflow-y:scroll;

}
.empty-box .btn{
    background-color:initial;
}

.more-option{
    display:flex;
}

.if-Approval span{
    color:var(--color-white);
    font-size:var(--font-10);
    margin:var(--space-0) .1rem;
}
.scrollable-view{
    -ms-overflow-style:none !important;
}

.section-header-right-panel{
    background-color:var(--color-grey-000);
    border:var(--space-1) solid var(--color-badge-grey-bg);
    border-right:none;
    color:var(--color-content-primary);
    font-size:var(--font-14);
    width:100%;
}

.section-header-right-panel ul.headerul li{
    padding:var(--space-14) var(--space-20);
}

.fill-details-card{
    background-color:var(--color-badge-grey-bg);
    display:grid;
    grid-template-rows:max-content;
    height:100%;
}

.fill-details-head{
    align-items:center;
    background-color:var(--color-grey-100);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    display:flex;
    justify-content:space-between;
    padding:var(--space-5) 10px;
}

.fill-details-head p{
    font-size:var(--font-13);
    line-height:var(--line-height-2);
}

.fill-details-body{
    background-color:var(--color-badge-grey-bg);
    margin:var(--space-10) 20px;
}

.fill-details-body .input-component{
    margin-bottom:var(--space-0);
    padding-bottom:var(--space-20);
}

.fill-details-body.input-css-controller .input-component input{
    border:var(--space-0);
}

.fill-details-body.input-css-controller .input-component input::placeholder{
    color:var(--color-grey-400);
}

.fill-details-body.input-css-controller .conditions-div-header .heading{
    color:var(--color-content-primary);
    font-size:var(--font-14);
    font-weight:var(--font-weight-500);
}

.fill-details-body.input-css-controller .input-component .label-controller{
    color:var(--color-content-primary)
}

.fill-details-body.input-css-controller .switch-input-wrapper .switch-input:checked~.switch-label{
    background-color:var(--color-tertiary-500) !important;
    border:none;
    padding:var(--space-5) 30px;
    top:calc(var(--space-5)*-1)
}

.fill-details-body.input-css-controller .switch-input-wrapper .switch-input~.switch-label{
    background-color:var(--color-badge-grey-text) !important;
    border:none;
    padding:var(--space-5) 30px;
    top:calc(var(--space-5)*-1)
}

.fill-details-body.input-css-controller .switch-input-wrapper .switch-input~.switch-handle{
    background:var(--color-white);
    box-shadow:none;
    height:var(--space-15);
    left:var(--space-8);
    top:var(--space-3);
    width:var(--space-15);
}

.fill-details-body.input-css-controller .switch-input-wrapper .switch-input~.switch-label::before{
    font-size:var(--font-12);
    top:var(--space-15);
}

.fill-details-body.input-css-controller .switch-input-wrapper .switch-input:checked~.switch-handle{
    background:var(--color-white);
    box-shadow:none;
    height:var(--space-15);
    left:var(--space-38);
    top:var(--space-3);
    width:var(--space-15);
}

.fill-details-body.input-css-controller .switch-input-wrapper .switch-label::after{
    font-size:var(--font-12);
    left:var(--space-11);
    top:var(--space-15-5);
}

.fill-details-body .card-header{
    align-items:center;
    background-color:var(--color-white);
    border:none;
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    border-radius:var(--radius-0);
    display:flex;
    height:var(--space-50);
    justify-content:space-between;
    padding:var(--space-10);
}

.fill-details-body .card-header .heading{
    color:var(--color-grey-600);
    font-size:var(--font-12);
    font-weight:var(--font-weight-400);
}

.fill-details-body.input-css-controller .select{
    border-color:var(--color-badge-grey-bg);
}

.pipeline-right-content{
    height:100%;
    min-width:var(--space-240);
    position:relative;
    width:100%;
}

.pipeline-right-content .section-footer-right-panel{
    border-top:var(--space-1) solid var(--color-border-grey);
    bottom:0;
    padding:var(--space-10);
    position:absolute;
    width:100%;
}

.fill-details-footer{
    display:flex;
    justify-content:flex-end;
}

.switch-input-wrapper .switch{
    min-width:var(--space-55);
    width:auto;
}

.btn-clear{
    color:var(--color-content-primary);
    height:var(--space-30);
}

.btn-add,.btn-clear{
    border-radius:var(--radius-4);
    font-size:var(--font-12);
    font-weight:var(--font-weight-400);
    margin-right:var(--space-5);
    min-width:var(--space-80);
}

.btn-add{
    background-color:var(--color-tertiary-500);
    color:var(--color-white);
    line-height:var(--line-height-1);
}

.fill-details-footer{
    align-self:flex-end;
    background-color:var(--color-grey-100);
    border:var(--space-1) solid var(--color-badge-grey-bg);
    border-radius:var(--radius-0) var(--radius-0) var(--radius-8) var(--radius-0);
    padding:var(--space-10);
}

.fill-details-body .input-component{
    position:relative;
}

#checkboxes-tags-demo,#checkboxes-tags-demo:focus,.Mui-focused,.mui-focused:focus,input#checkboxes-tags-demo:focus{
    border:none !important;
    outline:none !important;
}

.m-rl-10{
    margin:var(--space-0) 10px;
}

.MuiAutocomplete-inputFocused:focus{
    border:none !important;
    outline:none !important;
}

.MuiChip-label{
    font-size:var(--font-11);

}

.normal-text{
    font-size:var(--font-12);
    margin-bottom:var(--space-15);
}

.normal-text:first-child{
    margin-top:var(--space-15);
}

.overview-heading-pipeline{
    color:var(--color-black);
    font-size:var(--font-16);
    font-weight:var(--font-weight-500);
    margin-bottom:var(--space-15);
}

.section-overview-pipeline{
    margin:auto;
    margin-top:var(--space-20);
    padding:var(--space-0) 32px;
}

.schedule-daily{
    background-color:var(--color-white);
    border-radius:var(--radius-8);
    margin:var(--space-15) 0;
    padding:var(--space-10);
    width:var(--space-300);
}

.time-required{
    align-items:center;
    display:grid;
    grid-template-columns:25% 2% 25% 35%;
    grid-gap:var(--space-10);
    gap:var(--space-10);
    justify-content:center;
}
.Schedule-weekly{
    background-color:var(--color-white);
    border-radius:var(--radius-8);
    margin:var(--space-15) 0;
    padding:var(--space-10) 1.3rem;
    width:fit-content;
}

.heading-pipeline-label{
    color:var(--color-grey-600);
    font-size:var(--font-12);
    font-weight:var(--font-weight-400);
}

.Schedule-weekly .time-required{
    justify-content:left;
}

.input-label-pipeline{
    color:var(--color-grey-600);
    font-size:var(--font-12);
    font-weight:var(--font-weight-400);
}

.MuiChip-root{
    background-color:var(--color-badge-grey-text);
    color:var(--color-white);
}

.MuiChip-root,.bg-required{
    border-radius:var(--radius-8);
}

.bg-required{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey);
    margin-bottom:var(--space-15);
    padding:var(--space-10);
}

.MuiChip-root{
    align-items:center;
    background-color:var(--color-grey-500) !important;
    border:none;
    border-radius:var(--radius-6) !important;
    box-sizing:border-box;
    color:var(--color-white) !important;
    cursor:default;
    display:inline-flex;
    font-size:var(--font-8);
    height:var(--space-32);
    justify-content:center;
    outline:var(--space-0);
    padding:0;
    text-decoration:none;
    transition:background-color .3s cubic-bezier(.4, 0, .2, 1) 0s,box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0s;
    vertical-align:middle;
    white-space:nowrap;
}

.MuiChip-deleteIcon{
    background-color:var(--color-white);
    background-size:88% 88%;
    border-radius:var(--radius-13);
    color:var(--color-grey-500) !important;
    cursor:pointer;
    height:var(--space-22);
    margin:0 var(--space-5) 0 calc(var(--space-7)*-1);
    outline:none;
    width:var(--space-22);
}

.sub-heading-pipeline-form{
    font-size:var(--font-12);
}

.text-icon-section>.service-name{
    margin:var(--space-0);
}

.service-name-list{
    display:grid;
    gap:.5%;
    grid-template-columns:33% 33% 33%;
}

.service-name-list .MuiFormControlLabel-root{
    margin:var(--space-0) 5px;
}
.more-option > .ri-menu-unfold-fill{
    color:var(--color-white);
    font-size:var(--font-10)!important;
}

.pipeline-stage-level-card-border-left{
    background-color:var(--color-grey-500);
    height:var(--space-3);
    left:calc(var(--space-30)*-1);
    position:absolute;
    top:0;
    top:var(--space-27);
    width:var(--space-30);
}
.circular-arrow{
    align-items:center;
    background-color:var(--color-white);
    border:var(--space-2) solid var(--color-info-600);
    border-radius:var(--radius-full);
    display:flex;
    flex-shrink:0;
    height:var(--space-30);
    justify-content:center;
    margin-left:calc(var(--space-20)*-1);
    margin-right:var(--space-30);
    margin-top:var(--space-10);
    width:var(--space-30);
}
.circular-arrow .ri-arrow-right-fill{
    color:var(--color-info-600);
    font-size:var(--font-12)!important;
}

.bg-white .MuiAutocomplete-root{
    background-color:var(--color-white);
}

.MuiFormControl-fullWidth:hover{
    border:none !important;
    outline:none !important;
}

.promote .divider{
    margin-bottom:var(--space-10);
    margin-top:var(--space-10);
}

.stage-view{
    align-items:center;
    background-color:var(--color-grey-100);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    display:grid;
    gap:4%;
    grid-template-columns:10% 70% 10%;
    padding:var(--space-5) 10px;
}
.stage-view .ri-arrow-up-s-line{
    color:var(--color-black);
    font-size:var(--font-10)!important;
}

.menu-stage-view .MuiPopover-paper{
    height:fit-content;
}
.stage-view .ri-menu-unfold-fill{
    color:var(--color-black);
    cursor:pointer;
    font-size:var(--font-11)!important;
    justify-self:center;
}
.job-view .ri-menu-unfold-fill{
    color:var(--color-black)!important;
    font-size:var(--font-11)!important;
    justify-self:center;
}

.stage-alignment{
    font-weight:var(--font-weight-500);
}

.build-name,.stage-alignment{
    display:inline-block;
    font-size:var(--font-11);
    max-width:var(--space-150);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pipeline-stage-name-data{
    align-items:center;
    display:flex;
    justify-content:flex-start;
    line-height:var(--line-height-2);
    width:100%;
}

.job-view{
    align-items:center;
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    display:grid;
    gap:4%;
    grid-template-columns:10% 70% 10%;
    padding:var(--space-5) 10px;
}

.empty-division{
    display:inline-block;
}

.env-chip{
    background-color:var(--color-badge-grey-text);
    border-radius:var(--radius-4);
    color:var(--color-white);
    font-size:var(--font-11);
    line-height:var(--line-height-1);
    margin:var(--space-0) 10px;
    padding:var(--space-5) 10px;
    padding-top:var(--space-7);
}

.bg-dark-blue,.bg-lite-blue{
    background-color:var(--color-tertiary-400) !important;
    color:var(--color-white);
}

.workflow-heading{
    align-items:center;
    background-color:var(--color-grey-100);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    color:var(--color-black);
    display:grid;
    font-size:var(--font-11);
    grid-template-columns:10% 80% 10%;
    padding:var(--space-5) 10px;
}
.workflow-heading .ri-menu-unfold-fill{
    cursor:pointer;
    justify-self:center;
}
.workflow-heading .ri-arrow-up-s-line:before,.workflow-heading .ri-menu-unfold-fill{
    color:var(--color-black);
    font-size:var(--font-11)!important;
}

.mr-0{
    margin-right:var(--space-0);
}

.m-auto{
    margin:auto;
}

.makeStyles-InputLabel-113{
    color:var(--color-grey-600);
    font-size:var(--font-12);
    font-weight:var(--font-weight-400);
}

.btn-lg{
    width:var(--space-120) !important;
}

.log{
    background-color:var(--color-black);
    bottom:0;
    color:var(--color-white);
    font-size:var(--font-12);
    height:var(--space-150);
    margin:auto;
    overflow-y:scroll;
    padding:var(--space-10);
    position:absolute;
    width:84.3%;
}

.MuiDialog-paperFullScreen{
    background-color:var(--color-grey-100) !important;
}

.pipeline-service-data .service-name-chip-div,.pipeline-tags-data .service-name-chip-div{
    line-height:0;
    min-height:fit-content;
}

.service-name-chip-div{
    min-height:var(--space-42);
}

.pipeline-tags-data .service-name-chip-div{
    min-height:var(--space-22) !important;
}

.service-name-chip-div div.chip-default.chip-blue{
    background-color:initial;
    box-shadow:none;
    display:inline-block;
    line-height:0;
    margin:0;
    overflow:inherit;
    padding:var(--space-0);
}

.owner-name span:nth-child(2){
    color:var(--color-grey-600)
}
.pipeline-tags-data{
    align-self:center;
    margin:var(--space-0) var(--space-10);
}

.MuiPopover-paper.MuiPaper-root.MuiMenu-paper.MuiPopover-paper.MuiPaper-elevation8.MuiPaper-rounded{
    min-height:fit-content !important;
}

.top-left-zero{
    left:0 !important;
    top:0 !important;
}

.ripple{
    animation-name:ripple-out;
    border-radius:var(--radius-25);
    height:var(--space-25);
    left:calc(var(--space-40)*-1);
    margin:auto;
    position:absolute;
    top:var(--space-17);
    transition:background .5s ease;
    width:var(--space-25);
    z-index:9;
}

.ripple:before{
    animation-duration:1s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
    border:var(--space-8) solid var(--color-grey-500);
    border-radius:var(--radius-full);
    bottom:0;
    content:"";
    display:block;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
}

.ripple:before,.ripple:hover{
    animation-name:ripple-out;
  }
  .approval{
      align-items:center;
      background-color:var( --color-badge-purple-bg);
      border-radius:var(--radius-full);
      display:flex;
      height:var(--space-25);
      justify-content:center;
      width:var(--space-25)
  }
  .approval .ri-thumb-up-fill{
      color:var(--color-white)!important;
      font-size:var(--font-14)!important;
      
  }
  .failed{
    background-color:var(--color-error-500)
}

.failed,.pending{
    align-items:center;
    border-radius:var(--radius-full);
    display:flex;
    height:var(--space-25);
    justify-content:center;
    width:var(--space-25)
}

.pending{
    background-color:#ff0
}

.logs-view{
    background-color:initial;
    color:var(--color-tertiary-500);
    display:block;
    font-size:var(--font-12);
    height:var(--space-30);
    padding:var(--space-5) 10px;
    text-align:center;
    width:100%;
}

.logs-view.current{
    background-color:var(--color-grey-800);
}

.MuiCircularProgress-circle{
    stroke:var(--color-white);
}

.MuiCircularProgress-circle.success,.MuiCircularProgress-circle.yellow{
    stroke:var(--color-secondary-400);
}

.ripple:hover:before{
    animation-name:ripple-out;
}

@keyframes ripple-out{
    0%{
        opacity:1;
    }

    100%{
        bottom:calc(var(--space-15)*-1);
        left:calc(var(--space-15)*-1);
        opacity:0;
        right:calc(var(--space-15)*-1);
        top:calc(var(--space-15)*-1);
    }
}

.wrapper{
    height:var(--space-100);
    left:var(--space-40);
    perspective:300px;
    perspective-origin:50% 50%;
    position:absolute;
    top:var(--space-17);
    transform:translate(-50%, -50%);
    transform-style:preserve-3d;
    width:var(--space-100);
}

.wrapper .circle{
    animation-direction:alternate;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-name:ripple;
    border:var(--space-2) solid var(--color-black);
    border-radius:100%;
    box-sizing:border-box;
    left:4%;
    position:absolute;
    top:55%;
    transform:translate(-50%, -50%);
}



.circle{
    animation-delay:.5s;
    height:var(--space-50);
    width:var(--space-50);
}

@keyframes ripple{
    from{
        transform:translate(-50%, -50%) translateZ(0);
    }

    to{
        transform:translate(-50%, -50%) translateZ(100px);
    }

}

@keyframes scale-display{
    0%{
        opacity:0;
        transform:scale(0);
        -webkit-transform:scale(0);
    }

    100%{
        opacity:1;
        transform:scale(1);
        -webkit-transform:scale(1);
    }
}

.button--disapear{
    display:none;
    transition:all .5s ease-in-out;
}

.button--appear{
    display:block;
}

.button--appear,.expandable{
    transition:all .5s ease-in-out;
}

.expandable{
    background:var(--color-white);
    color:var(--color-black);
    height:0;
    line-height:var(--line-height-50);
    overflow:hidden;
}

.expandable:target{
    height:100%;
}
.text-black{
    align-items:center;
    color:var(--color-black);
    display:flex;
    padding-left:var(--space-0) !important;
}
.stage-view .ri-arrow-up-s-line{
    cursor:pointer;
}
.stage-view .ri-arrow-down-s-line{
    color:var(--color-black);
    font-size:var(--font-10)!important;
}

.run-pipeline,.sv-workflow{
    border-radius:var(--radius-4);
    color:var(--color-white);
    font-size:var(--font-14) !important;
    padding:var(--space-10);
}

.sv-workflow{
    background-color:var(--color-secondary-500) !important;
}

.sv-workflow:hover{
    background-color:var(--color-secondary-600) !important;
}

.custom-file-input::-webkit-file-upload-button{
    visibility:hidden;
}

.yaml-upload{
    display:inline;
    margin:var(--space-2);
}

.yaml-upload>input{
    display:none;
}

.yaml-upload span{
    border-radius:var(--radius-4);
    cursor:pointer;
    display:inline-block;
}
.pipeline-list-scrollable ::-webkit-scrollbar{
    width:0;
}
.pipeline-list-scrollable ::-webkit-scrollbar-thumb:hover{
    background:var(--color-content-secondary);
}

.approval-req-card{
    background-color:var(--color-white);
    border-radius:var(--radius-6);
    overflow:hidden;

}

.approval-req-card .inner-switch-input .card-header,.approval-req-card .switch-input-wrapper .card-header{
    background-color:var(--color-grey-000);

}

.label-with-image{
    align-items:center;
    display:flex;
}

.label-with-image img{
    margin-right:var(--space-5);
    width:var(--space-30);
}

.approval-question-card{
    border:var(--space-1) solid var(--color-border-grey);
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
    overflow:hidden;
}

.approval-question-card .switch-input-wrapper .card-header{
    border-bottom:var(--space-1) solid var(--color-border-grey);
}

.approval-req-card .switch-input-wrapper .card-header .heading{
    color:var(--color-content-secondary);
}

.inner-inner-card{
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-4);
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
    overflow:hidden;
}

.inner-inner-card .card-header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
}

.p-btn-icon{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey) !important;
    color:var(--color-tertiary-500);
    padding:var(--space-8) var(--space-10);
}



.p-btn-icon [class*=" ri-"],.p-btn-icon [class^="ri-"]{
    font-size:var(--font-18);
    vertical-align:bottom;
}

.p-btn-icon:hover{
    background-color:var(--color-tertiary-500);
    border:var(--space-1) solid var(--color-tertiary-500);
    color:var(--color-white);
    cursor:pointer;
    transition:all .3;
}

@keyframes rotating{
    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(1turn);
    }
}

.rotating{
    animation:rotating 3s linear infinite;
}

.flag-strip .icon-section .content-strip{
    margin-left:var(--space-10);
    overflow:hidden;
    transition:width 2s;
    white-space:nowrap;
    width:0;
}

.flag-strip .icon-section:hover .content-strip{
    transition:width 2s;
    width:var(--space-350) !important;
}

.text-nowrap{
    text-wrap:nowrap;
}

.text-ellipsis{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.main-container-error{
  align-content:center;
  background-color:initial;
  display:grid;
  height:90vh;
  justify-content:center;  
  text-align:center;
}

.svg{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-10);
  display:inline-block;
  padding:var(--space-50);
  text-align:center;
}
.svg h1{
    color:var(--color-grey-400);
  font-size:var(--font-60);
    font-weight:var(--font-weight-300);
}
#svg{
  display:inline-block;
  fill:var(--color-tertiary-700);
  line-height:var(--line-height-300);
  vertical-align:middle;
  
}
.page_404{ background:var(--color-white); font-family:Arvo,serif; padding:var(--space-40) 0;
}

.page_404  img{ width:100%;}

.four_zero_four_bg{
 
 background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    background-position:50%;
    height:var(--space-400);
 }
 
  .four_zero_four_bg h1,.four_zero_four_bg h3{
			 font-size:var(--font-80);
			 }
			 
			 .link_404{
    background:var(--color-success-500);			 
	color:var(--color-white)!important;
    display:inline-block;
    margin:var(--space-20) 0;
    padding:var(--space-10) 20px;}
    .contant_box_404{
      padding-top:var(--space-30);
    }

.contant_box_404 .main-nav a{
      color:var(--color-white);

}
.contant_box_404 .main-nav{
  align-items:center;
  justify-content:center;
  margin-top:var(--space-20);
  text-align:center;
}
.contant_box_404 .main-nav a:visited{
  color:var(--color-white);
}


.file-upload-container{
    align-items:center;
    border:var(--space-1) solid var(--color-grey-400);
    border-radius:var(--radius-4);
    cursor:pointer;
    display:flex;
    height:var(--space-40);
    justify-content:space-between;
    padding:var(--space-10);
    width:100%;
}

.upload-text{
    color:var(--color-tertiary-400);
    cursor:pointer;
    font-size:var(--font-14);
    font-weight:var(--font-weight-500);
}

.file-item,.file-preview-list{
    width:100%;
}

.file-item{
    align-items:center;
    border-radius:var(--radius-4);
    display:flex;
    justify-content:space-between;
}

.file-name{
    flex-grow:1;
}

.remove-file-button{
    background-color:var(--color-error-500);
    border:none;
    border-radius:var(--radius-4);
    color:var(--color-white);
    cursor:pointer;
    padding:var(--space-5) 10px;
}

.remove-file-button:hover{
    background-color:var(--color-error-700);
}
.btn-v2{
    border:var(--space-1) solid #0000;
    border-radius:.25rem;
    display:inline-block;
    font-size:var(--font-10);
    font-weight:var(--font-weight-400);
    line-height:var(--line-height-1-5);
    padding:var(--space-3-75) var(--space-7-5);
    text-align:center;
    -webkit-user-select:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap;
}
.btn-v2-primary{
    background-color:var(--color-tertiary-500);
    border-color:var(--color-tertiary-500);
    color:var(--color-white);
}
.btn-v2-primary:hover{
    background-color:var(--color-tertiary-600);
    border-color:var(--color-tertiary-600);
    color:var(--color-white);
}
.btn:focus, .btn:hover{
    text-decoration:none;
}
.btn-v2-primary-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-tertiary-500);
    color:var(--color-tertiary-500);
}
.btn-v2-primary-outline:hover{
    background-color:var(--color-tertiary-500);
    border-color:var(--color-tertiary-500);
    color:var(--color-white);
}
.btn-v2-default{
    background-image:linear-gradient( -90deg, #ffc600, #ff9c00);
    border-radius:var(--radius-4);
    box-shadow:var(--space-0) var(--space-5) var(--space-7) var(--space-0) #0000001a;
    color:var(--color-white);
}
.btn-v2-default-outline{
    background-color:initial;
    background-image:none;
    color:var(--color-content-tertiary);
}
.btn-v2-default-outline,.btn-v2-secondary{
    border-color:var(--color-content-tertiary);
}
.btn-v2-secondary{
    background-color:var(--color-content-tertiary);
    color:var(--color-white);
}
.btn-v2-secondary:hover{
    background-color:var(--color-badge-grey-text);
    border-color:var(--color-badge-grey-text);
    color:var(--color-white);
}
.btn-v2-secondary-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-content-tertiary);
    color:var(--color-content-tertiary);
}
.btn-v2-secondary-outline:hover{
    background-color:var(--color-content-tertiary);
    border-color:var(--color-content-tertiary);
    color:var(--color-white);
}
.btn-v2-danger{
    background-color:var(--color-error-500);
    border-color:var(--color-error-500);
    color:var(--color-white);
}
.btn-v2-danger:hover{
    background-color:var(--color-error-600);
    border-color:var(--color-error-600);
    color:var(--color-white);
}
.btn-v2-danger-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-error-500);
    color:var(--color-error-500);
}
.btn-v2-danger-outline:hover{
    background-color:var(--color-error-500);
    border-color:var(--color-error-500);
    color:var(--color-white);
}
.btn-v2-success{
    background-color:var(--color-success-600);
    border-color:var(--color-success-600);
    color:var(--color-white);
}
.btn-v2-success:hover{
    background-color:var(--color-success-700);
    border-color:var(--color-success-700);
    color:var(--color-white);
}
.btn-v2-success-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-success-600);
    color:var(--color-success-600);
}
.btn-v2-success-outline:hover{
    background-color:var(--color-success-600);
    border-color:var(--color-success-600);
    color:var(--color-white);
}
.btn-v2-warning{
    background-color:var(--color-secondary-500);
    border-color:var(--color-secondary-500);
    color:var(--color-content-primary);
}
.btn-v2-warning:hover{
    background-color:var(--color-secondary-600);
    border-color:var(--color-secondary-600);
    color:var(--color-content-primary);
}
.btn-v2-warning-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-secondary-500);
    color:var(--color-secondary-500);
}
.btn-v2-warning-outline:hover{
    background-color:var(--color-secondary-500);
    border-color:var(--color-secondary-500);
    color:var(--color-content-primary);
}
.btn-v2-info{
    background-color:var(--color-primary-400);
    border-color:var(--color-primary-400);
    color:var(--color-white);
}
.btn-v2-info:hover{
    background-color:var(--color-info-700);
    border-color:var(--color-info-700);
    color:var(--color-white);
}
.btn-v2-info-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-primary-400);
    color:var(--color-primary-400);
}
.btn-v2-info-outline:hover{
    background-color:var(--color-primary-400);
    border-color:var(--color-primary-400);
    color:var(--color-white);
}
.btn-v2-light{
    background-color:var(--color-grey-000);
    border-color:var(--color-grey-000);
}
.btn-v2-light,.btn-v2-light:hover{
    color:var(--color-content-primary);
}
.btn-v2-light:hover{
    background-color:var(--color-badge-grey-bg);
    border-color:var(--color-primary-100);
}
.btn-v2-light-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-grey-000);
    color:var(--color-grey-000);
}
.btn-v2-light-outline:hover{
    background-color:var(--color-grey-000);
    border-color:var(--color-grey-000);
    color:var(--color-content-primary);
}
.btn-v2-dark{
    background-color:var(--color-grey-900);
    border-color:var(--color-grey-900);
    color:var(--color-white);
}
.btn-v2-dark:hover{
    background-color:var(--color-content-primary);
    border-color:var(--color-content-primary);
    color:var(--color-white);
}
.btn-v2-dark-outline{
    background-color:initial;
    background-image:none;
    border-color:var(--color-grey-900);
    color:var(--color-grey-900);
}
.btn-v2-dark-outline:hover{
    background-color:var(--color-grey-900);
    border-color:var(--color-grey-900);
    color:var(--color-white);
}
.btn-v2-link{
    background-color:initial;
    color:var(--color-tertiary-500);
    font-weight:var(--font-weight-400);
}
.btn-v2-link:hover{
    background-color:initial;
    border-color:#0000;
    color:var(--color-tertiary-700);
    text-decoration:underline;
}
.btn-v2:not(:disabled):not(.disabled){
    cursor:pointer;
}
[type=reset], [type=submit], button, html [type=button]{
    -webkit-appearance:button;
}

:root{
  --color-primary-100:#d3deeb;
  --color-primary-200:#a1bbdd;
  --color-primary-300:#6897d6;
  --color-primary-400:#276ecd;
  --color-primary-500:#124d9b;
  --color-primary-600:#0c3f82;
  --color-primary-700:#073169;
  --color-primary-800:#042450;
  --color-primary-900:#011836;
  --color-secondary-100:#f0e9dd;
  --color-secondary-200:#ead6b7;
  --color-secondary-300:#e9c48b;
  --color-secondary-400:#f0b150;
  --color-secondary-500:#fea111;
  --color-secondary-600:#de8700;
  --color-secondary-700:#b06b00;
  --color-secondary-800:#824f00;
  --color-secondary-900:#573500;
  --color-tertiary-100:#dbe6f0;
  --color-tertiary-200:#b2cfe8;
  --color-tertiary-300:#83b8e8;
  --color-tertiary-400:#449eef;
  --color-tertiary-500:#0086ff;
  --color-tertiary-600:#006ed1;
  --color-tertiary-700:#0057a6;
  --color-tertiary-800:#00407a;
  --color-tertiary-900:#002b52;
  --color-success-100:#dbede4;
  --color-success-200:#b4e0cb;
  --color-success-300:#8bd5b2;
  --color-success-400:#58cd95;
  --color-success-500:#2ebe79;
  --color-success-600:#239f63;
  --color-success-700:#19804f;
  --color-success-800:#11613a;
  --color-success-900:#0a4227;
  --color-info-100:#dee5ef;
  --color-info-200:#bdcde2;
  --color-info-300:#99b4d8;
  --color-info-400:#6d97cf;
  --color-info-500:#407bca;
  --color-info-600:#2c64ae;
  --color-info-700:#204f8c;
  --color-info-800:#163a6a;
  --color-info-900:#0e2648;
  --color-warning-100:#efe7dc;
  --color-warning-200:#e4d2b6;
  --color-warning-300:#debe8c;
  --color-warning-400:#dda856;
  --color-warning-500:#e1941d;
  --color-warning-600:#bd7a13;
  --color-warning-700:#99620c;
  --color-warning-800:#734907;
  --color-warning-900:#4e3103;
  --color-error-100:#f0dfdf;
  --color-error-200:#e7bebe;
  --color-error-300:#e29999;
  --color-error-400:#e16969;
  --color-error-500:#e53737;
  --color-error-600:#d31616;
  --color-error-700:#ab0e0e;
  --color-error-800:#810707;
  --color-error-900:#580303;
  --color-grey-000:#fafafa;
  --color-grey-100:#f4f4f4;
  --color-grey-200:#e6e6e6;
  --color-grey-300:#cacaca;
  --color-grey-400:#aeaeae;
  --color-grey-500:#949494;
  --color-grey-600:#797979;
  --color-grey-700:#626262;
  --color-grey-800:#494949;
  --color-grey-900:#404040;
  --color-content-primary:#2f2f2f;
  --color-content-secondary:#505050;
  --color-content-tertiary:#787878;
  --color-border-grey:#dbdbdb;
  --color-border-blue:var(--color-primary-500);
  --color-border-sky:var(--color-tertiary-500);
  --color-pastel-blue-1:#dfedff;
  --color-pastel-blue-2:#ebf5ff;
  --color-pastel-blue-3:#f5faff;
  --color-pastel-green:#e6fbea;
  --color-pastel-red:#ffebeb;
  --color-pastel-pink:#fff5fc;
  --color-pastel-pink2:#fce9ff;
  --color-pastel-yellow:#fcf6e1;
  --color-pastel-purple:#f3c2fb;
  --color-overlay-black-03:#00000008;
  --color-overlay-black-07:#00000012;
  --color-overlay-black-11:#0000001c;
  --color-overlay-black-20:#0003;
  --color-overlay-black-26:#00000042;
  --color-overlay-black-54:#0000008a;
  --color-overlay-black-72:#000000b8;
  --color-overlay-black-87:#000000de;
  --color-overlay-white-20:#fff3;
  --color-overlay-white-50:#ffffff80;
  --color-overlay-white-70:#ffffffb3;
  --color-white:#fff;
  --color-black:#000;
  --color-badge-green-text:#006132;
  --color-badge-green-bg:#abdcc5;
  --color-badge-amber-text:#784900;
  --color-badge-amber-bg:#ebd4b1;
  --color-badge-blue-text:#0055a2;
  --color-badge-blue-bg:#dfedff;
  --color-badge-purple-text:#8a00a0;
  --color-badge-purple-bg:#f3c2fb;
  --color-badge-red-text:#9c0c0c;
  --color-badge-red-bg:#fdcfcf;
  --color-badge-grey-text:#626262;
  --color-badge-grey-bg:#e6e6e6;
  --space-0:0;
  --space-1:clamp(0.1rem, 0.05rem + 0.039vw, 0.125rem);
  --space-2:clamp(0.2rem, 0.1rem + 0.078vw, 0.25rem);
  --space-3:clamp(0.3rem, 0.15rem + 0.117vw, 0.375rem);
  --space-4:clamp(0.4rem, 0.2rem + 0.156vw, 0.5rem);
  --space-5:clamp(0.5rem, 0.25rem + 0.195vw, 0.625rem);
  --space-6:clamp(0.6rem, 0.3rem + 0.234vw, 0.75rem);
  --space-7:clamp(0.7rem, 0.35rem + 0.273vw, 0.875rem);
  --space-8:clamp(0.8rem, 0.4rem + 0.313vw, 1rem);
  --space-9:clamp(0.9rem, 0.27rem + 0.492vw, 1.215rem);
  --space-10:clamp(1rem, 0.3rem + 0.547vw, 1.35rem);
  --space-11:clamp(1.1rem, 0.33rem + 0.602vw, 1.485rem);
  --space-12:clamp(1.2rem, 0.36rem + 0.656vw, 1.62rem);
  --space-13:clamp(1.3rem, 0.39rem + 0.711vw, 1.755rem);
  --space-14:clamp(1.4rem, 0.42rem + 0.766vw, 1.89rem);
  --space-15:clamp(1.5rem, 0.45rem + 0.82vw, 2.025rem);
  --space-16:clamp(1.6rem, 0.48rem + 0.875vw, 2.16rem);
  --space-17:clamp(1.7rem, 0.51rem + 0.93vw, 2.295rem);
  --space-18:clamp(1.8rem, 0.54rem + 0.984vw, 2.43rem);
  --space-19:clamp(1.9rem, 0.57rem + 1.039vw, 2.565rem);
  --space-20:clamp(2rem, 0.6rem + 1.094vw, 2.7rem);
  --space-21:clamp(2.1rem, 0.63rem + 1.148vw, 2.835rem);
  --space-22:clamp(2.2rem, 0.66rem + 1.203vw, 2.97rem);
  --space-23:clamp(2.3rem, 0.69rem + 1.258vw, 3.105rem);
  --space-24:clamp(2.4rem, 0.72rem + 1.313vw, 3.24rem);
  --space-25:clamp(2.5rem, 0.75rem + 1.367vw, 3.375rem);
  --space-26:clamp(2.6rem, 0.78rem + 1.422vw, 3.51rem);
  --space-27:clamp(2.7rem, 0.81rem + 1.477vw, 3.645rem);
  --space-28:clamp(2.8rem, 0.84rem + 1.531vw, 3.78rem);
  --space-29:clamp(2.9rem, 0.87rem + 1.586vw, 3.915rem);
  --space-30:clamp(3rem, 0.9rem + 1.641vw, 4.05rem);
  --space-31:clamp(3.1rem, 0.62rem + 1.9375vw, 4.34rem);
  --space-32:clamp(3.2rem, 0.64rem + 2vw, 4.48rem);
  --space-33:clamp(3.3rem, 0.66rem + 2.063vw, 4.62rem);
  --space-34:clamp(3.4rem, 0.68rem + 2.125vw, 4.76rem);
  --space-35:clamp(3.5rem, 0.7rem + 2.188vw, 4.9rem);
  --space-36:clamp(3.6rem, 0.72rem + 2.25vw, 5.04rem);
  --space-37:clamp(3.7rem, 0.74rem + 2.313vw, 5.18rem);
  --space-38:clamp(3.8rem, 0.76rem + 2.375vw, 5.32rem);
  --space-39:clamp(3.9rem, 0.78rem + 2.438vw, 5.46rem);
  --space-40:clamp(4rem, 0.8rem + 2.5vw, 5.6rem);
  --space-41:clamp(4.1rem, 0.82rem + 2.563vw, 5.74rem);
  --space-42:clamp(4.2rem, 0.84rem + 2.625vw, 5.88rem);
  --space-43:clamp(4.3rem, 0.86rem + 2.688vw, 6.02rem);
  --space-44:clamp(4.4rem, 0.88rem + 2.75vw, 6.16rem);
  --space-45:clamp(4.5rem, 0.9rem + 2.813vw, 6.3rem);
  --space-46:clamp(4.6rem, 0.92rem + 2.875vw, 6.44rem);
  --space-47:clamp(4.7rem, 0.94rem + 2.938vw, 6.58rem);
  --space-48:clamp(4.8rem, 0.96rem + 3vw, 6.72rem);
  --space-49:clamp(4.9rem, 0.98rem + 3.063vw, 6.86rem);
  --space-50:clamp(5rem, 1rem + 3.125vw, 7rem);
  --space-51:clamp(5.1rem, 1.02rem + 3.1875vw, 7.14rem);
  --space-52:clamp(5.2rem, 1.04rem + 3.25vw, 7.28rem);
  --space-53:clamp(5.3rem, 1.06rem + 3.3125vw, 7.42rem);
  --space-54:clamp(5.4rem, 1.08rem + 3.375vw, 7.5rem);
  --space-55:clamp(5.5rem, 1.1rem + 3.438vw, 7.7rem);
  --space-56:clamp(5.6rem, 1.12rem + 3.5vw, 7.84rem);
  --space-57:clamp(5.7rem, 1.14rem + 3.5625vw, 7.98rem);
  --space-58:clamp(5.8rem, 1.16rem + 3.625vw, 8.12rem);
  --space-59:clamp(5.9rem, 1.18rem + 3.6875vw, 8.26rem);
  --space-60:clamp(6rem, 1.2rem + 3.75vw, 8.4rem);
  --space-62:clamp(6.2rem, 1.24rem + 3.875vw, 8.68rem);
  --space-63:clamp(6.3rem, 1.26rem + 3.9375vw, 8.82rem);
  --space-64:clamp(6.4rem, 1.28rem + 4vw, 8.96rem);
  --space-65:clamp(6.5rem, 0.65rem + 4.57vw, 9.425rem);
  --space-66:clamp(6.6rem, 0.66rem + 4.6406vw, 9.57rem);
  --space-67:clamp(6.7rem, 0.67rem + 4.7109vw, 9.715rem);
  --space-68:clamp(6.8rem, 0.68rem + 4.7813vw, 9.86rem);
  --space-69:clamp(6.9rem, 0.69rem + 4.8516vw, 10.005rem);
  --space-70:clamp(7rem, 0.7rem + 4.922vw, 10.15rem);
  --space-71:clamp(7.1rem, 0.71rem + 4.9922vw, 10.295rem);
  --space-72:clamp(7.2rem, 0.72rem + 5.0625vw, 10.44rem);
  --space-73:clamp(7.3rem, 0.73rem + 5.1328vw, 10.585rem);
  --space-74:clamp(7.4rem, 0.74rem + 5.2031vw, 10.73rem);
  --space-75:clamp(7.5rem, 0.75rem + 5.273vw, 10.875rem);
  --space-76:clamp(7.6rem, 0.76rem + 5.3438vw, 11.02rem);
  --space-78:clamp(7.8rem, 0.78rem + 5.4844vw, 11.31rem);
  --space-79:clamp(7.9rem, 0.79rem + 5.5547vw, 11.455rem);
  --space-80:clamp(8rem, 0.8rem + 5.625vw, 11.6rem);
  --space-81:clamp(8.1rem, 0.81rem + 5.6953vw, 11.745rem);
  --space-82:clamp(8.2rem, 0.82rem + 5.7656vw, 11.89rem);
  --space-83:clamp(8.3rem, 0.83rem + 5.8359vw, 12.035rem);
  --space-84:clamp(8.4rem, 0.84rem + 5.9063vw, 12.18rem);
  --space-85:clamp(8.5rem, 0.85rem + 5.977vw, 12.325rem);
  --space-86:clamp(8.6rem, 0.86rem + 6.0469vw, 12.47rem);
  --space-87:clamp(8.7rem, 0.87rem + 6.1172vw, 12.615rem);
  --space-88:clamp(8.8rem, 0.88rem + 6.1875vw, 12.76rem);
  --space-89:clamp(8.9rem, 0.89rem + 6.2578vw, 12.905rem);
  --space-90:clamp(9rem, 0.9rem + 6.328vw, 13.05rem);
  --space-91:clamp(9.1rem, 0.91rem + 6.3984vw, 13.195rem);
  --space-92:clamp(9.2rem, 0.92rem + 6.4688vw, 13.34rem);
  --space-93:clamp(9.3rem, 0.93rem + 6.5391vw, 13.485rem);
  --space-95:clamp(9.5rem, 0.95rem + 6.68vw, 13.775rem);
  --space-96:clamp(9.6rem, 0.96rem + 6.75vw, 13.92rem);
  --space-97:clamp(9.7rem, 0.97rem + 6.8203vw, 14.065rem);
  --space-98:clamp(9.8rem, 0.98rem + 6.8906vw, 14.21rem);
  --space-99:clamp(9.9rem, 0.99rem + 6.9609vw, 14.355rem);
  --space-100:clamp(10rem, 1rem + 7.031vw, 14.5rem);
  --space-103:clamp(10.3rem, 1.03rem + 7.2422vw, 14.935rem);
  --space-104:clamp(10.4rem, 1.04rem + 7.3125vw, 15.08rem);
  --space-105:clamp(10.5rem, 1.05rem + 7.383vw, 15.225rem);
  --space-106:clamp(10.6rem, 1.06rem + 7.4531vw, 15.37rem);
  --space-107:clamp(10.7rem, 1.07rem + 7.5234vw, 15.515rem);
  --space-108:clamp(10.8rem, 1.08rem + 7.5938vw, 15.66rem);
  --space-110:clamp(11rem, 1.1rem + 7.734vw, 15.95rem);
  --space-111:clamp(11.1rem, 1.11rem + 7.8047vw, 16.095rem);
  --space-112:clamp(11.2rem, 1.12rem + 7.875vw, 16.24rem);
  --space-113:clamp(11.3rem, 1.13rem + 7.9453vw, 16.385rem);
  --space-114:clamp(11.4rem, 1.14rem + 8.0156vw, 16.53rem);
  --space-115:clamp(11.5rem, 1.15rem + 8.086vw, 16.675rem);
  --space-116:clamp(11.6rem, 1.16rem + 8.1563vw, 16.82rem);
  --space-117:clamp(11.7rem, 1.17rem + 8.2266vw, 16.965rem);
  --space-118:clamp(11.8rem, 1.18rem + 8.2969vw, 17.11rem);
  --space-119:clamp(11.9rem, 1.19rem + 8.3672vw, 17.255rem);
  --space-120:clamp(12rem, 1.2rem + 8.438vw, 17.4rem);
  --space-122:clamp(12.2rem, 1.22rem + 8.5781vw, 17.69rem);
  --space-123:clamp(12.3rem, 1.23rem + 8.6484vw, 17.835rem);
  --space-124:clamp(12.4rem, 1.24rem + 8.7188vw, 17.98rem);
  --space-125:clamp(12.5rem, 1.25rem + 8.789vw, 18.125rem);
  --space-126:clamp(12.6rem, 1.26rem + 8.8594vw, 18.27rem);
  --space-127:clamp(12.7rem, 1.27rem + 8.9297vw, 18.415rem);
  --space-128:clamp(12.8rem, 1.28rem + 9.0vw, 18.56rem);
  --space-129:clamp(12.9rem, 1.29rem + 9.0703vw, 18.705rem);
  --space-130:clamp(13rem, 1.3rem + 9.141vw, 18.85rem);
  --space-132:clamp(13.2rem, 1.32rem + 9.2813vw, 19.14rem);
  --space-133:clamp(13.3rem, 1.33rem + 9.3516vw, 19.285rem);
  --space-135:clamp(13.5rem, 1.35rem + 9.492vw, 19.575rem);
  --space-136:clamp(13.6rem, 1.36rem + 9.5625vw, 19.72rem);
  --space-138:clamp(13.8rem, 1.38rem + 9.7031vw, 20.01rem);
  --space-140:clamp(14rem, 1.4rem + 9.844vw, 20.3rem);
  --space-143:clamp(14.3rem, 1.43rem + 10.0547vw, 20.735rem);
  --space-144:clamp(14.4rem, 1.44rem + 10.125vw, 20.88rem);
  --space-145:clamp(14.5rem, 1.45rem + 10.195vw, 21.025rem);
  --space-146:clamp(14.6rem, 1.46rem + 10.2656vw, 21.17rem);
  --space-147:clamp(14.7rem, 1.47rem + 10.3359vw, 21.315rem);
  --space-148:clamp(14.8rem, 1.48rem + 10.4063vw, 21.46rem);
  --space-149:clamp(14.9rem, 1.49rem + 10.4766vw, 21.605rem);
  --space-150:clamp(15rem, 1.5rem + 10.547vw, 21.75rem);
  --space-152:clamp(15.2rem, 1.52rem + 10.6875vw, 22.04rem);
  --space-153:clamp(15.3rem, 1.53rem + 10.7578vw, 22.185rem);
  --space-154:clamp(15.4rem, 1.54rem + 10.8281vw, 22.33rem);
  --space-155:clamp(15.5rem, 1.55rem + 10.8984vw, 22.475rem);
  --space-157:clamp(15.7rem, 1.57rem + 11.0391vw, 22.765rem);
  --space-158:clamp(15.8rem, 1.58rem + 11.1094vw, 22.91rem);
  --space-160:clamp(16rem, 1.6rem + 11.25vw, 23.2rem);
  --space-162:clamp(16.2rem, 1.62rem + 11.3906vw, 23.49rem);
  --space-163:clamp(16.3rem, 1.63rem + 11.4609vw, 23.635rem);
  --space-164:clamp(16.4rem, 1.64rem + 11.5313vw, 23.78rem);
  --space-165:clamp(16.5rem, 1.65rem + 11.6016vw, 23.925rem);
  --space-167:clamp(16.7rem, 1.67rem + 11.7422vw, 24.215rem);
  --space-168:clamp(16.8rem, 1.68rem + 11.8125vw, 24.36rem);
  --space-169:clamp(16.9rem, 1.69rem + 11.8828vw, 24.505rem);
  --space-170:clamp(17rem, 1.7rem + 11.953vw, 24.65rem);
  --space-172:clamp(17.2rem, 1.72rem + 12.0938vw, 24.94rem);
  --space-173:clamp(17.3rem, 1.73rem + 12.1641vw, 25.085rem);
  --space-175:clamp(17.5rem, 1.75rem + 12.3047vw, 25.375rem);
  --space-176:clamp(17.6rem, 1.76rem + 12.375vw, 25.52rem);
  --space-177:clamp(17.7rem, 1.77rem + 12.4453vw, 25.665rem);
  --space-180:clamp(18rem, 1.8rem + 12.656vw, 26.1rem);
  --space-182:clamp(18.2rem, 1.82rem + 12.7969vw, 26.39rem);
  --space-183:clamp(18.3rem, 1.83rem + 12.8672vw, 26.535rem);
  --space-184:clamp(18.4rem, 1.84rem + 12.9375vw, 26.68rem);
  --space-185:clamp(18.5rem, 1.85rem + 13.0078vw, 26.825rem);
  --space-186:clamp(18.6rem, 1.86rem + 13.0781vw, 26.97rem);
  --space-187:clamp(18.7rem, 1.87rem + 13.1484vw, 27.115rem);
  --space-190:clamp(19rem, 1.9rem + 13.359vw, 27.55rem);
  --space-191:clamp(19.1rem, 1.91rem + 13.4297vw, 27.695rem);
  --space-192:clamp(19.2rem, 1.92rem + 13.5vw, 27.84rem);
  --space-193:clamp(19.3rem, 1.93rem + 13.5703vw, 27.985rem);
  --space-194:clamp(19.4rem, 1.94rem + 13.6406vw, 28.13rem);
  --space-195:clamp(19.5rem, 1.95rem + 13.7109vw, 28.275rem);
  --space-196:clamp(19.6rem, 1.96rem + 13.7813vw, 28.42rem);
  --space-197:clamp(19.7rem, 1.97rem + 13.8516vw, 28.565rem);
  --space-198:clamp(19.8rem, 1.98rem + 13.9219vw, 28.71rem);
  --space-199:clamp(19.9rem, 1.99rem + 13.9922vw, 28.855rem);
  --space-200:clamp(20rem, 2rem + 14.063vw, 29rem);
  --font-8:clamp(0.8rem, 0.4rem + 0.3125vw, 1rem);
  --font-9:clamp(0.9rem, 0.27rem + 0.492vw, 1.215rem);
  --font-10:clamp(1rem, 0.3rem + 0.547vw, 1.35rem);
  --font-11:clamp(1.1rem, 0.33rem + 0.602vw, 1.485rem);
  --font-12:clamp(1.2rem, 0.36rem + 0.656vw, 1.62rem);
  --font-13:clamp(1.3rem, 0.39rem + 0.711vw, 1.755rem);
  --font-14:clamp(1.4rem, 0.42rem + 0.766vw, 1.89rem);
  --font-15:clamp(1.5rem, 0.45rem + 0.82vw, 2.025rem);
  --font-16:clamp(1.6rem, 0.48rem + 0.875vw, 2.16rem);
  --font-17:clamp(1.7rem, 0.51rem + 0.93vw, 2.295rem);
  --font-18:clamp(1.8rem, 0.54rem + 0.984vw, 2.43rem);
  --font-19:clamp(1.9rem, 0.57rem + 1.039vw, 2.565rem);
  --font-20:clamp(2rem, 0.6rem + 1.094vw, 2.7rem);
  --font-21:clamp(2.1rem, 0.63rem + 1.148vw, 2.835rem);
  --font-22:clamp(2.2rem, 0.66rem + 1.203vw, 2.97rem);
  --font-23:clamp(2.3rem, 0.69rem + 1.258vw, 3.105rem);
  --font-24:clamp(2.4rem, 0.72rem + 1.313vw, 3.24rem);
  --font-25:clamp(2.5rem, 0.75rem + 1.367vw, 3.375rem);
  --font-26:clamp(2.6rem, 0.78rem + 1.422vw, 3.51rem);
  --font-27:clamp(2.7rem, 0.81rem + 1.477vw, 3.645rem);
  --font-28:clamp(2.8rem, 0.84rem + 1.531vw, 3.78rem);
  --font-29:clamp(2.9rem, 0.58rem + 1.813vw, 4.06rem);
  --font-30:clamp(3rem, 0.6rem + 1.875vw, 4.2rem);
  --font-31:clamp(3.1rem, 0.62rem + 1.938vw, 4.34rem);
  --font-32:clamp(3.2rem, 0.64rem + 2vw, 4.48rem);
  --font-33:clamp(3.3rem, 0.66rem + 2.063vw, 4.62rem);
  --font-34:clamp(3.4rem, 0.68rem + 2.125vw, 4.76rem);
  --font-35:clamp(3.5rem, 0.7rem + 2.188vw, 4.9rem);
  --font-36:clamp(3.6rem, 0.72rem + 2.25vw, 5.04rem);
  --font-37:clamp(3.7rem, 0.74rem + 2.313vw, 5.18rem);
  --font-38:clamp(3.8rem, 0.76rem + 2.375vw, 5.32rem);
  --font-39:clamp(3.9rem, 0.78rem + 2.438vw, 5.46rem);
  --font-40:clamp(4rem, 0.8rem + 2.5vw, 5.6rem);
  --font-42:clamp(4.2rem, 0.84rem + 2.625vw, 5.88rem);
  --font-44:clamp(4.4rem, 0.88rem + 2.75vw, 6.16rem);
  --font-45:clamp(4.5rem, 0.9rem + 2.8125vw, 6.3rem);
  --font-48:clamp(4.8rem, 0.96rem + 3vw, 6.72rem);
  --font-50:clamp(5.0rem, 1rem + 3.125vw, 7rem);
  --font-60:clamp(6.0rem, 1.2rem + 3.75vw, 8.4rem);
  --font-62:clamp(6.2rem, 1.24rem + 3.875vw, 8.68rem);
  --font-72:clamp(7.2rem, 0.72rem + 5.0625vw, 10.44rem);
  --font-80:clamp(8.0rem, 0.8rem + 5.625vw, 11.6rem);
  --font-120:clamp(12.0rem, 1.2rem + 8.4375vw, 17.4rem);

  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-weight-900:900;
  --line-height-1:1;
  --line-height-1-1:1.1;
  --line-height-1-2:1.2;
  --line-height-1-3:1.3;
  --line-height-1-35:1.35;
  --line-height-1-4:1.4;
  --line-height-1-5:1.5;
  --line-height-1-6:1.6;
  --line-height-1-65:1.65;
  --line-height-1-7:1.7;
  --line-height-1-8:1.8;
  --line-height-1-83:1.83;
  --line-height-2:2;
  --line-height-2-2:2.2;
  --line-height-2-5:2.5;
  --line-height-3:3;
  --line-height-8:clamp(0.8rem, 0.4rem + 0.3125vw, 1rem);
  --line-height-10:clamp(1rem, 0.3rem + 0.5469vw, 1.35rem);
  --line-height-12:clamp(1.2rem, 0.36rem + 0.6562vw, 1.62rem);
  --line-height-13:clamp(1.3rem, 0.39rem + 0.7109vw, 1.755rem);
  --line-height-14:clamp(1.4rem, 0.42rem + 0.7656vw, 1.89rem);
  --line-height-15:clamp(1.5rem, 0.45rem + 0.8203vw, 2.025rem);
  --line-height-16:clamp(1.6rem, 0.48rem + 0.875vw, 2.16rem);
  --line-height-17:clamp(1.7rem, 0.51rem + 0.9297vw, 2.295rem);
  --line-height-18:clamp(1.8rem, 0.54rem + 0.9844vw, 2.43rem);
  --line-height-19:clamp(1.9rem, 0.57rem + 1.0391vw, 2.565rem);
  --line-height-20:clamp(2rem, 0.6rem + 1.0938vw, 2.7rem);
  --line-height-21:clamp(2.1rem, 0.63rem + 1.1484vw, 2.835rem);
  --line-height-22:clamp(2.2rem, 0.66rem + 1.2031vw, 2.97rem);
  --line-height-23:clamp(2.3rem, 0.69rem + 1.2578vw, 3.105rem);
  --line-height-24:clamp(2.4rem, 0.72rem + 1.3125vw, 3.24rem);
  --line-height-25:clamp(2.5rem, 0.75rem + 1.3672vw, 3.375rem);
  --line-height-26:clamp(2.6rem, 0.78rem + 1.4219vw, 3.51rem);
  --line-height-27:clamp(2.7rem, 0.81rem + 1.4766vw, 3.645rem);
  --line-height-28:clamp(2.8rem, 0.84rem + 1.5312vw, 3.78rem);
  --line-height-29:clamp(2.9rem, 0.87rem + 1.5859vw, 3.915rem);
  --line-height-30:clamp(3rem, 0.9rem + 1.6406vw, 4.05rem);
  --line-height-32:clamp(3.2rem, 0.64rem + 2vw, 4.48rem);
  --line-height-34:clamp(3.4rem, 0.68rem + 2.125vw, 4.76rem);
  --line-height-35:clamp(3.5rem, 0.7rem + 2.1875vw, 4.9rem);
  --line-height-36:clamp(3.6rem, 0.72rem + 2.25vw, 5.04rem);
  --line-height-37:clamp(3.7rem, 0.74rem + 2.3125vw, 5.18rem);
  --line-height-40:clamp(4rem, 0.8rem + 2.5vw, 5.6rem);
  --line-height-42:clamp(4.2rem, 0.84rem + 2.625vw, 5.88rem);
  --line-height-44:clamp(4.4rem, 0.88rem + 2.75vw, 6.16rem);
  --line-height-45:clamp(4.5rem, 0.9rem + 2.8125vw, 6.3rem);
  --line-height-48:clamp(4.8rem, 0.96rem + 3vw, 6.72rem);
  --line-height-50:clamp(5rem, 1rem + 3.125vw, 7rem);
  --line-height-52:clamp(5.2rem, 1.04rem + 3.25vw, 7.28rem);
  --line-height-60:clamp(6rem, 1.2rem + 3.75vw, 8.4rem);
  --line-height-85:clamp(8.5rem, 0.85rem + 5.9766vw, 12.325rem);
  --line-height-300:clamp(30rem, 3rem + 21.0938vw, 43.5rem);
  --line-height-12-89:clamp(1.289rem, 0.3867rem + 0.7049vw, 1.7402rem);
  --line-height-13-41:clamp(1.341rem, 0.4023rem + 0.7334vw, 1.8104rem);
  --line-height-13-5:clamp(1.35rem, 0.405rem + 0.7383vw, 1.8225rem);
  --line-height-14-3:clamp(1.43rem, 0.429rem + 0.782vw, 1.9305rem);
  --line-height-14-63:clamp(1.463rem, 0.4389rem + 0.8001vw, 1.9751rem);
  --line-height-15-5:clamp(1.55rem, 0.465rem + 0.8477vw, 2.0925rem);
  --line-height-16-8:clamp(1.68rem, 0.504rem + 0.9187vw, 2.268rem);
  --line-height-17-06:clamp(1.706rem, 0.5118rem + 0.933vw, 2.3031rem);
  --line-height-17-07:clamp(1.707rem, 0.5121rem + 0.9335vw, 2.3045rem);
  --line-height-19-5:clamp(1.95rem, 0.585rem + 1.0664vw, 2.6325rem);
  --line-height-21-94:clamp(2.194rem, 0.6582rem + 1.1998vw, 2.9619rem);
  --line-height-24-38:clamp(2.438rem, 0.7314rem + 1.3333vw, 3.2913rem);
  --line-height-28-5:clamp(2.85rem, 0.855rem + 1.5586vw, 3.8475rem);
  --line-height-29-26:clamp(2.926rem, 0.8778rem + 1.6002vw, 3.9501rem);
--sidebar-width-expanded:clamp(25.7rem, 2.57rem + 18.0703vw, 37.265rem);
    --sidebar-width-collapsed:clamp(8.6rem, 0.86rem + 6.0469vw, 12.47rem);
    --sidebar-secondary-width:clamp(19.4rem, 1.94rem + 13.6406vw, 28.13rem);

  --topbar-height:clamp(7rem, 3rem + 3.125vw, 9rem);

  --nav-item-height:clamp(7.3rem, 2.3rem + 3.9062vw, 9.8rem);

  --sidebar-secondary-width:clamp(17.0rem, 5.2rem + 9.2188vw, 22.9rem);

  --space-77:clamp(7.7rem, 2.5rem + 4.0625vw, 10.3rem);

  --page-header-col:clamp(480px, 144px + 26.25vw, 648px);
  --page-header-search-col:clamp(320px, 160px + 12.5vw, 400px);
  --page-header-btn-col:clamp(160px, 48px + 8.75vw, 216px);

  --table-col-sm:clamp(211px, 63px + 11.5625vw, 285px);
  --table-col-md:clamp(171px, 51px + 9.375vw, 231px);

  --page-padding:clamp(20px, 6px + 1.09375vw, 27px);

  --pagination-goto-width:clamp(35rem, 10.5rem + 19.1406vw, 47.25rem);

  --radius-0:0;
  --radius-1:1px;
  --radius-2:2px;
  --radius-3:3px;
  --radius-4:4px;
  --radius-5:5px;
  --radius-6:6px;
  --radius-7:7px;
  --radius-8:8px;
  --radius-9:9px;
  --radius-10:10px;
  --radius-11:11px;
  --radius-12:12px;
  --radius-13:13px;
  --radius-14:14px;
  --radius-15:15px;
  --radius-16:16px;
  --radius-17:17px;
  --radius-18:18px;
  --radius-19:19px;
  --radius-20:20px;
  --radius-21:21px;
  --radius-22:22px;
  --radius-23:23px;
  --radius-24:24px;
  --radius-25:25px;
  --radius-26:26px;
  --radius-27:27px;
  --radius-28:28px;
  --radius-29:29px;
  --radius-30:30px;
  --radius-31:31px;
  --radius-32:32px;
  --radius-33:33px;
  --radius-34:34px;
  --radius-35:35px;
  --radius-36:36px;
  --radius-37:37px;
  --radius-38:38px;
  --radius-39:39px;
  --radius-40:40px;
  --radius-41:41px;
  --radius-42:42px;
  --radius-43:43px;
  --radius-44:44px;
  --radius-45:45px;
  --radius-46:46px;
  --radius-47:47px;
  --radius-48:48px;
  --radius-49:49px;
  --radius-50:50px;
  --radius-full:50%;
  --radius-pill:100px;

  --shadow-sm:0 1px 4px 0 #0000000f;
  --shadow-md:0 4px 8px #02044514;
  --shadow-lg:0 8px 24px #0000000a;
  --shadow-card:0.877px 1.798px 21px 0 #0000000f;

  --transition-fast:150ms ease;
  --transition-normal:250ms ease;
  --transition-slow:400ms ease;
  --space-201:clamp(20.1rem, 2.01rem + 14.1328vw, 29.145rem);
  --space-202:clamp(20.2rem, 2.02rem + 14.2031vw, 29.29rem);
  --space-203:clamp(20.3rem, 2.03rem + 14.2734vw, 29.435rem);
  --space-204:clamp(20.4rem, 2.04rem + 14.3438vw, 29.58rem);
  --space-205:clamp(20.5rem, 2.05rem + 14.4141vw, 29.725rem);
  --space-206:clamp(20.6rem, 2.06rem + 14.4844vw, 29.87rem);
  --space-207:clamp(20.7rem, 2.07rem + 14.5547vw, 30.015rem);
  --space-208:clamp(20.8rem, 2.08rem + 14.625vw, 30.16rem);
  --space-209:clamp(20.9rem, 2.09rem + 14.6953vw, 30.305rem);
  --space-210:clamp(21.0rem, 2.10rem + 14.7656vw, 30.45rem);
  --space-211:clamp(21.1rem, 2.11rem + 14.8359vw, 30.595rem);
  --space-212:clamp(21.2rem, 2.12rem + 14.9063vw, 30.74rem);
  --space-213:clamp(21.3rem, 2.13rem + 14.9766vw, 30.885rem);
  --space-214:clamp(21.4rem, 2.14rem + 15.0469vw, 31.03rem);
  --space-215:clamp(21.5rem, 2.15rem + 15.1172vw, 31.175rem);
  --space-216:clamp(21.6rem, 2.16rem + 15.1875vw, 31.32rem);
  --space-217:clamp(21.7rem, 2.17rem + 15.2578vw, 31.465rem);
  --space-218:clamp(21.8rem, 2.18rem + 15.3281vw, 31.61rem);
  --space-219:clamp(21.9rem, 2.19rem + 15.3984vw, 31.755rem);
  --space-220:clamp(22.0rem, 2.20rem + 15.4688vw, 31.9rem);
  --space-221:clamp(22.1rem, 2.21rem + 15.5391vw, 32.045rem);
  --space-222:clamp(22.2rem, 2.22rem + 15.6094vw, 32.19rem);
  --space-223:clamp(22.3rem, 2.23rem + 15.6797vw, 32.335rem);
  --space-224:clamp(22.4rem, 2.24rem + 15.75vw, 32.48rem);
  --space-225:clamp(22.5rem, 2.25rem + 15.8203vw, 32.625rem);
  --space-226:clamp(22.6rem, 2.26rem + 15.8906vw, 32.77rem);
  --space-227:clamp(22.7rem, 2.27rem + 15.9609vw, 32.915rem);
  --space-228:clamp(22.8rem, 2.28rem + 16.0313vw, 33.06rem);
  --space-229:clamp(22.9rem, 2.29rem + 16.1016vw, 33.205rem);
  --space-230:clamp(23.0rem, 2.30rem + 16.1719vw, 33.35rem);
  --space-235:clamp(23.5rem, 2.35rem + 16.5234vw, 34.075rem);
  --space-240:clamp(24.0rem, 2.40rem + 16.875vw, 34.8rem);
  --space-245:clamp(24.5rem, 2.45rem + 17.2266vw, 35.525rem);
  --space-250:clamp(25.0rem, 2.50rem + 17.5781vw, 36.25rem);
  --space-252:clamp(25.2rem, 2.52rem + 17.7188vw, 36.54rem);
  --space-255:clamp(25.5rem, 2.55rem + 17.9297vw, 36.975rem);
  --space-256:clamp(25.6rem, 2.56rem + 18.0vw, 37.12rem);
  --space-257:clamp(25.7rem, 2.57rem + 18.0703vw, 37.265rem);
  --space-258:clamp(25.8rem, 2.58rem + 18.1406vw, 37.41rem);
  --space-260:clamp(26.0rem, 2.60rem + 18.2813vw, 37.7rem);
  --space-262:clamp(26.2rem, 2.62rem + 18.4219vw, 37.99rem);
  --space-263:clamp(26.3rem, 2.63rem + 18.4922vw, 38.135rem);
  --space-264:clamp(26.4rem, 2.64rem + 18.5625vw, 38.28rem);
  --space-265:clamp(26.5rem, 2.65rem + 18.6328vw, 38.425rem);
  --space-266:clamp(26.6rem, 2.66rem + 18.7031vw, 38.57rem);
  --space-268:clamp(26.8rem, 2.68rem + 18.8438vw, 38.86rem);
  --space-270:clamp(27.0rem, 2.70rem + 18.9844vw, 39.15rem);
  --space-271:clamp(27.1rem, 2.71rem + 19.0547vw, 39.295rem);
  --space-273:clamp(27.3rem, 2.73rem + 19.1953vw, 39.585rem);
  --space-275:clamp(27.5rem, 2.75rem + 19.3359vw, 39.875rem);
  --space-277:clamp(27.7rem, 2.77rem + 19.4766vw, 40.165rem);
  --space-278:clamp(27.8rem, 2.78rem + 19.5469vw, 40.31rem);
  --space-280:clamp(28.0rem, 2.80rem + 19.6875vw, 40.6rem);
  --space-282:clamp(28.2rem, 2.82rem + 19.8281vw, 40.89rem);
  --space-283:clamp(28.3rem, 2.83rem + 19.8984vw, 41.035rem);
  --space-284:clamp(28.4rem, 2.84rem + 19.9688vw, 41.18rem);
  --space-285:clamp(28.5rem, 2.85rem + 20.0391vw, 41.325rem);
  --space-288:clamp(28.8rem, 2.88rem + 20.25vw, 41.76rem);
  --space-290:clamp(29.0rem, 2.90rem + 20.3906vw, 42.05rem);
  --space-291:clamp(29.1rem, 2.91rem + 20.4609vw, 42.195rem);
  --space-293:clamp(29.3rem, 2.93rem + 20.6016vw, 42.485rem);
  --space-295:clamp(29.5rem, 2.95rem + 20.7422vw, 42.775rem);
  --space-296:clamp(29.6rem, 2.96rem + 20.8125vw, 42.92rem);
  --space-300:clamp(30.0rem, 3.00rem + 21.0938vw, 43.5rem);
  --space-301:clamp(30.1rem, 3.01rem + 21.1641vw, 43.645rem);
  --space-305:clamp(30.5rem, 3.05rem + 21.4453vw, 44.225rem);
  --space-308:clamp(30.8rem, 3.08rem + 21.6563vw, 44.66rem);
  --space-310:clamp(31.0rem, 3.10rem + 21.7969vw, 44.95rem);
  --space-312:clamp(31.2rem, 3.12rem + 21.9375vw, 45.24rem);
  --space-313:clamp(31.3rem, 3.13rem + 22.0078vw, 45.385rem);
  --space-315:clamp(31.5rem, 3.15rem + 22.1484vw, 45.675rem);
  --space-316:clamp(31.6rem, 3.16rem + 22.2188vw, 45.82rem);
  --space-318:clamp(31.8rem, 3.18rem + 22.3594vw, 46.11rem);
  --space-320:clamp(32.0rem, 3.20rem + 22.5vw, 46.4rem);
  --space-324:clamp(32.4rem, 3.24rem + 22.7813vw, 46.98rem);
  --space-325:clamp(32.5rem, 3.25rem + 22.8516vw, 47.125rem);
  --space-329:clamp(32.9rem, 3.29rem + 23.1328vw, 47.705rem);
  --space-330:clamp(33.0rem, 3.30rem + 23.2031vw, 47.85rem);
  --space-333:clamp(33.3rem, 3.33rem + 23.4141vw, 48.285rem);
  --space-335:clamp(33.5rem, 3.35rem + 23.5547vw, 48.575rem);
  --space-336:clamp(33.6rem, 3.36rem + 23.625vw, 48.72rem);
  --space-338:clamp(33.8rem, 3.38rem + 23.7656vw, 49.01rem);
  --space-340:clamp(34.0rem, 3.40rem + 23.9063vw, 49.3rem);
  --space-342:clamp(34.2rem, 3.42rem + 24.0469vw, 49.59rem);
  --space-345:clamp(34.5rem, 3.45rem + 24.2578vw, 50.025rem);
  --space-348:clamp(34.8rem, 3.48rem + 24.4688vw, 50.46rem);
  --space-349:clamp(34.9rem, 3.49rem + 24.5391vw, 50.605rem);
  --space-350:clamp(35.0rem, 3.50rem + 24.6094vw, 50.75rem);
  --space-353:clamp(35.3rem, 3.53rem + 24.8203vw, 51.185rem);
  --space-354:clamp(35.4rem, 3.54rem + 24.8906vw, 51.33rem);
  --space-355:clamp(35.5rem, 3.55rem + 24.9609vw, 51.475rem);
  --space-358:clamp(35.8rem, 3.58rem + 25.1719vw, 51.91rem);
  --space-360:clamp(36.0rem, 3.60rem + 25.3125vw, 52.2rem);
  --space-365:clamp(36.5rem, 3.65rem + 25.6641vw, 52.925rem);
  --space-370:clamp(37.0rem, 3.70rem + 26.0156vw, 53.65rem);
  --space-373:clamp(37.3rem, 3.73rem + 26.2266vw, 54.085rem);
  --space-375:clamp(37.5rem, 3.75rem + 26.3672vw, 54.375rem);
  --space-380:clamp(38.0rem, 3.80rem + 26.7188vw, 55.1rem);
  --space-382:clamp(38.2rem, 3.82rem + 26.8594vw, 55.39rem);
  --space-384:clamp(38.4rem, 3.84rem + 27.0vw, 55.68rem);
  --space-385:clamp(38.5rem, 3.85rem + 27.0703vw, 55.825rem);
  --space-388:clamp(38.8rem, 3.88rem + 27.2813vw, 56.26rem);
  --space-390:clamp(39.0rem, 3.90rem + 27.4219vw, 56.55rem);
  --space-391:clamp(39.1rem, 3.91rem + 27.4922vw, 56.695rem);
  --space-395:clamp(39.5rem, 3.95rem + 27.7734vw, 57.275rem);
  --space-396:clamp(39.6rem, 3.96rem + 27.8438vw, 57.42rem);
  --space-400:clamp(40.0rem, 4.00rem + 28.125vw, 58.0rem);
  --space-405:clamp(40.5rem, 4.05rem + 28.4766vw, 58.725rem);
  --space-410:clamp(41.0rem, 4.10rem + 28.8281vw, 59.45rem);
  --space-415:clamp(41.5rem, 4.15rem + 29.1797vw, 60.175rem);
  --space-417:clamp(41.7rem, 4.17rem + 29.3203vw, 60.465rem);
  --space-420:clamp(42.0rem, 4.20rem + 29.5313vw, 60.9rem);
  --space-421:clamp(42.1rem, 4.21rem + 29.6016vw, 61.045rem);
  --space-423:clamp(42.3rem, 4.23rem + 29.7422vw, 61.335rem);
  --space-425:clamp(42.5rem, 4.25rem + 29.8828vw, 61.625rem);
  --space-430:clamp(43.0rem, 4.30rem + 30.2344vw, 62.35rem);
  --space-432:clamp(43.2rem, 4.32rem + 30.375vw, 62.64rem);
  --space-433:clamp(43.3rem, 4.33rem + 30.4453vw, 62.785rem);
  --space-435:clamp(43.5rem, 4.35rem + 30.5859vw, 63.075rem);
  --space-437:clamp(43.7rem, 4.37rem + 30.7266vw, 63.365rem);
  --space-440:clamp(44.0rem, 4.40rem + 30.9375vw, 63.8rem);
  --space-443:clamp(44.3rem, 4.43rem + 31.1484vw, 64.235rem);
  --space-445:clamp(44.5rem, 4.45rem + 31.2891vw, 64.525rem);
  --space-450:clamp(45.0rem, 4.50rem + 31.6406vw, 65.25rem);
  --space-451:clamp(45.1rem, 4.51rem + 31.7109vw, 65.395rem);
  --space-452:clamp(45.2rem, 4.52rem + 31.7813vw, 65.54rem);
  --space-455:clamp(45.5rem, 4.55rem + 31.9922vw, 65.975rem);
  --space-460:clamp(46.0rem, 4.60rem + 32.3438vw, 66.7rem);
  --space-465:clamp(46.5rem, 4.65rem + 32.6953vw, 67.425rem);
  --space-467:clamp(46.7rem, 4.67rem + 32.8359vw, 67.715rem);
  --space-470:clamp(47.0rem, 4.70rem + 33.0469vw, 68.15rem);
  --space-475:clamp(47.5rem, 4.75rem + 33.3984vw, 68.875rem);
  --space-480:clamp(48.0rem, 4.80rem + 33.75vw, 69.6rem);
  --space-483:clamp(48.3rem, 4.83rem + 33.9609vw, 70.035rem);
  --space-485:clamp(48.5rem, 4.85rem + 34.1016vw, 70.325rem);
  --space-490:clamp(49.0rem, 4.90rem + 34.4531vw, 71.05rem);
  --space-495:clamp(49.5rem, 4.95rem + 34.8047vw, 71.775rem);
  --space-500:clamp(50.0rem, 5.00rem + 35.1563vw, 72.5rem);
  --space-505:clamp(50.5rem, 5.05rem + 35.5078vw, 73.225rem);
  --space-508:clamp(50.8rem, 5.08rem + 35.7188vw, 73.66rem);
  --space-510:clamp(51.0rem, 5.10rem + 35.8594vw, 73.95rem);
  --space-515:clamp(51.5rem, 5.15rem + 36.2109vw, 74.675rem);
  --space-519:clamp(51.9rem, 5.19rem + 36.4922vw, 75.255rem);
  --space-520:clamp(52.0rem, 5.20rem + 36.5625vw, 75.4rem);
  --space-525:clamp(52.5rem, 5.25rem + 36.9141vw, 76.125rem);
  --space-530:clamp(53.0rem, 5.30rem + 37.2656vw, 76.85rem);
  --space-535:clamp(53.5rem, 5.35rem + 37.6172vw, 77.575rem);
  --space-538:clamp(53.8rem, 5.38rem + 37.8281vw, 78.01rem);
  --space-540:clamp(54.0rem, 5.40rem + 37.9688vw, 78.3rem);
  --space-541:clamp(54.1rem, 5.41rem + 38.0391vw, 78.445rem);
  --space-545:clamp(54.5rem, 5.45rem + 38.3203vw, 79.025rem);
  --space-550:clamp(55.0rem, 5.50rem + 38.6719vw, 79.75rem);
  --space-555:clamp(55.5rem, 5.55rem + 39.0234vw, 80.475rem);
  --space-560:clamp(56.0rem, 5.60rem + 39.375vw, 81.2rem);
  --space-565:clamp(56.5rem, 5.65rem + 39.7266vw, 81.925rem);
  --space-570:clamp(57.0rem, 5.70rem + 40.0781vw, 82.65rem);
  --space-575:clamp(57.5rem, 5.75rem + 40.4297vw, 83.375rem);
  --space-580:clamp(58.0rem, 5.80rem + 40.7813vw, 84.1rem);
  --space-585:clamp(58.5rem, 5.85rem + 41.1328vw, 84.825rem);
  --space-590:clamp(59.0rem, 5.90rem + 41.4844vw, 85.55rem);
  --space-595:clamp(59.5rem, 5.95rem + 41.8359vw, 86.275rem);
  --space-598:clamp(59.8rem, 5.98rem + 42.0469vw, 86.71rem);
  --space-600:clamp(60.0rem, 6.00rem + 42.1875vw, 87.0rem);
  --space-605:clamp(60.5rem, 6.05rem + 42.5391vw, 87.725rem);
  --space-610:clamp(61.0rem, 6.10rem + 42.8906vw, 88.45rem);
  --space-615:clamp(61.5rem, 6.15rem + 43.2422vw, 89.175rem);
  --space-620:clamp(62.0rem, 6.20rem + 43.5938vw, 89.9rem);
  --space-622:clamp(62.2rem, 6.22rem + 43.7344vw, 90.19rem);
  --space-625:clamp(62.5rem, 6.25rem + 43.9453vw, 90.625rem);
  --space-629:clamp(62.9rem, 6.29rem + 44.2266vw, 91.205rem);
  --space-630:clamp(63.0rem, 6.30rem + 44.2969vw, 91.35rem);
  --space-635:clamp(63.5rem, 6.35rem + 44.6484vw, 92.075rem);
  --space-640:clamp(64.0rem, 6.40rem + 45.0vw, 92.8rem);
  --space-645:clamp(64.5rem, 6.45rem + 45.3516vw, 93.525rem);
  --space-650:clamp(65.0rem, 6.50rem + 45.7031vw, 94.25rem);
  --space-655:clamp(65.5rem, 6.55rem + 46.0547vw, 94.975rem);
  --space-660:clamp(66.0rem, 6.60rem + 46.4063vw, 95.7rem);
  --space-665:clamp(66.5rem, 6.65rem + 46.7578vw, 96.425rem);
  --space-670:clamp(67.0rem, 6.70rem + 47.1094vw, 97.15rem);
  --space-675:clamp(67.5rem, 6.75rem + 47.4609vw, 97.875rem);
  --space-680:clamp(68.0rem, 6.80rem + 47.8125vw, 98.6rem);
  --space-685:clamp(68.5rem, 6.85rem + 48.1641vw, 99.325rem);
  --space-690:clamp(69.0rem, 6.90rem + 48.5156vw, 100.05rem);
  --space-695:clamp(69.5rem, 6.95rem + 48.8672vw, 100.775rem);
  --space-700:clamp(70.0rem, 7.00rem + 49.2188vw, 101.5rem);
  --space-704:clamp(70.4rem, 7.04rem + 49.5vw, 102.08rem);
  --space-710:clamp(71.0rem, 7.10rem + 49.9219vw, 102.95rem);
  --space-715:clamp(71.5rem, 7.15rem + 50.2734vw, 103.675rem);
  --space-720:clamp(72.0rem, 7.20rem + 50.625vw, 104.4rem);
  --space-725:clamp(72.5rem, 7.25rem + 50.9766vw, 105.125rem);
  --space-730:clamp(73.0rem, 7.30rem + 51.3281vw, 105.85rem);
  --space-735:clamp(73.5rem, 7.35rem + 51.6797vw, 106.575rem);
  --space-737:clamp(73.7rem, 7.37rem + 51.8203vw, 106.865rem);
  --space-740:clamp(74.0rem, 7.40rem + 52.0313vw, 107.3rem);
  --space-745:clamp(74.5rem, 7.45rem + 52.3828vw, 108.025rem);
  --space-747:clamp(74.7rem, 7.47rem + 52.5234vw, 108.315rem);
  --space-750:clamp(75.0rem, 7.50rem + 52.7344vw, 108.75rem);
  --space-755:clamp(75.5rem, 7.55rem + 53.0859vw, 109.475rem);
  --space-760:clamp(76.0rem, 7.60rem + 53.4375vw, 110.2rem);
  --space-765:clamp(76.5rem, 7.65rem + 53.7891vw, 110.925rem);
  --space-770:clamp(77.0rem, 7.70rem + 54.1406vw, 111.65rem);
  --space-775:clamp(77.5rem, 7.75rem + 54.4922vw, 112.375rem);
  --space-780:clamp(78.0rem, 7.80rem + 54.8438vw, 113.1rem);
  --space-785:clamp(78.5rem, 7.85rem + 55.1953vw, 113.825rem);
  --space-790:clamp(79.0rem, 7.90rem + 55.5469vw, 114.55rem);
  --space-795:clamp(79.5rem, 7.95rem + 55.8984vw, 115.275rem);
  --space-800:clamp(80.0rem, 8.00rem + 56.25vw, 116.0rem);
  --space-803:clamp(80.3rem, 8.03rem + 56.4609vw, 116.435rem);
  --space-804:clamp(80.4rem, 8.04rem + 56.5313vw, 116.58rem);
  --space-810:clamp(81.0rem, 8.10rem + 56.9531vw, 117.45rem);
  --space-813:clamp(81.3rem, 8.13rem + 57.1641vw, 117.885rem);
  --space-820:clamp(82.0rem, 8.20rem + 57.6563vw, 118.9rem);
  --space-825:clamp(82.5rem, 8.25rem + 58.0078vw, 119.625rem);
  --space-830:clamp(83.0rem, 8.30rem + 58.3594vw, 120.35rem);
  --space-835:clamp(83.5rem, 8.35rem + 58.7109vw, 121.075rem);
  --space-840:clamp(84.0rem, 8.40rem + 59.0625vw, 121.8rem);
  --space-845:clamp(84.5rem, 8.45rem + 59.4141vw, 122.525rem);
  --space-850:clamp(85.0rem, 8.50rem + 59.7656vw, 123.25rem);
  --space-855:clamp(85.5rem, 8.55rem + 60.1172vw, 123.975rem);
  --space-860:clamp(86.0rem, 8.60rem + 60.4688vw, 124.7rem);
  --space-865:clamp(86.5rem, 8.65rem + 60.8203vw, 125.425rem);
  --space-870:clamp(87.0rem, 8.70rem + 61.1719vw, 126.15rem);
  --space-875:clamp(87.5rem, 8.75rem + 61.5234vw, 126.875rem);
  --space-880:clamp(88.0rem, 8.80rem + 61.875vw, 127.6rem);
  --space-885:clamp(88.5rem, 8.85rem + 62.2266vw, 128.325rem);
  --space-890:clamp(89.0rem, 8.90rem + 62.5781vw, 129.05rem);
  --space-895:clamp(89.5rem, 8.95rem + 62.9297vw, 129.775rem);
  --space-900:clamp(90.0rem, 9.00rem + 63.2813vw, 130.5rem);
  --space-910:clamp(91.0rem, 9.10rem + 63.9844vw, 131.95rem);
  --space-920:clamp(92.0rem, 9.20rem + 64.6875vw, 133.4rem);
  --space-930:clamp(93.0rem, 9.30rem + 65.3906vw, 134.85rem);
  --space-940:clamp(94.0rem, 9.40rem + 66.0938vw, 136.3rem);
  --space-950:clamp(95.0rem, 9.50rem + 66.7969vw, 137.75rem);
  --space-951:clamp(95.1rem, 9.51rem + 66.8672vw, 137.895rem);
  --space-954:clamp(95.4rem, 9.54rem + 67.0781vw, 138.33rem);
  --space-960:clamp(96.0rem, 9.60rem + 67.5vw, 139.2rem);
  --space-970:clamp(97.0rem, 9.70rem + 68.2031vw, 140.65rem);
  --space-980:clamp(98.0rem, 9.80rem + 68.9063vw, 142.1rem);
  --space-984:clamp(98.4rem, 9.84rem + 69.1875vw, 142.68rem);
  --space-990:clamp(99.0rem, 9.90rem + 69.6094vw, 143.55rem);
  --space-995:clamp(99.5rem, 9.95rem + 69.9609vw, 144.275rem);
  --space-1000:clamp(100.0rem, 10.00rem + 70.3125vw, 145.0rem);
  --space-1010:clamp(101.0rem, 10.10rem + 71.0156vw, 146.45rem);
  --space-1020:clamp(102.0rem, 10.20rem + 71.7188vw, 147.9rem);
  --space-1025:clamp(102.5rem, 10.25rem + 72.0703vw, 148.625rem);
  --space-1030:clamp(103.0rem, 10.30rem + 72.4219vw, 149.35rem);
  --space-1035:clamp(103.5rem, 10.35rem + 72.7734vw, 150.075rem);
  --space-1040:clamp(104.0rem, 10.40rem + 73.125vw, 150.8rem);
  --space-1050:clamp(105.0rem, 10.50rem + 73.8281vw, 152.25rem);
  --space-1054:clamp(105.4rem, 10.54rem + 74.1094vw, 152.83rem);
  --space-1060:clamp(106.0rem, 10.60rem + 74.5313vw, 153.7rem);
  --space-1075:clamp(107.5rem, 10.75rem + 75.5859vw, 155.875rem);
  --space-1080:clamp(108.0rem, 10.80rem + 75.9375vw, 156.6rem);
  --space-1100:clamp(110.0rem, 11.00rem + 77.3438vw, 159.5rem);
  --space-1109:clamp(110.9rem, 11.09rem + 77.8906vw, 160.835rem);
  --space-1125:clamp(112.5rem, 11.25rem + 79.1016vw, 163.125rem);
  --space-1150:clamp(115.0rem, 11.50rem + 80.8594vw, 166.75rem);
  --space-1175:clamp(117.5rem, 11.75rem + 82.6172vw, 170.375rem);
  --space-1200:clamp(120.0rem, 12.00rem + 84.375vw, 174.0rem);
  --space-1225:clamp(122.5rem, 12.25rem + 86.1328vw, 177.625rem);
  --space-1250:clamp(125.0rem, 12.50rem + 87.8906vw, 181.25rem);
  --space-1260:clamp(126.0rem, 12.60rem + 88.5938vw, 182.7rem);
  --space-1275:clamp(127.5rem, 12.75rem + 89.6484vw, 184.875rem);
  --space-1280:clamp(128.0rem, 12.80rem + 90.0vw, 185.6rem);
  --space-1-5:clamp(0.15rem, 0.075rem + 0.0586vw, 0.188rem);
  --space-2-5:clamp(0.25rem, 0.125rem + 0.0977vw, 0.313rem);
  --space-3-4:clamp(0.34rem, 0.17rem + 0.1328vw, 0.425rem);
  --space-3-75:clamp(0.375rem, 0.1875rem + 0.1465vw, 0.469rem);
  --space-4-5:clamp(0.45rem, 0.225rem + 0.1758vw, 0.563rem);
  --space-5-2:clamp(0.52rem, 0.26rem + 0.2031vw, 0.65rem);
  --space-5-5:clamp(0.55rem, 0.275rem + 0.2148vw, 0.688rem);
  --space-7-5:clamp(0.75rem, 0.375rem + 0.293vw, 0.938rem);
  --space-8-5:clamp(0.85rem, 0.255rem + 0.4648vw, 1.148rem);
  --space-9-5:clamp(0.95rem, 0.285rem + 0.5195vw, 1.283rem);
  --space-10-5:clamp(1.05rem, 0.315rem + 0.5742vw, 1.417rem);
  --space-11-33:clamp(1.133rem, 0.3399rem + 0.6196vw, 1.53rem);
  --space-12-5:clamp(1.25rem, 0.375rem + 0.6836vw, 1.688rem);
  --space-13-5:clamp(1.35rem, 0.405rem + 0.7383vw, 1.823rem);
  --space-14-5:clamp(1.45rem, 0.435rem + 0.793vw, 1.958rem);
  --space-15-5:clamp(1.55rem, 0.465rem + 0.8477vw, 2.093rem);
  --space-16-8:clamp(1.68rem, 0.504rem + 0.9187vw, 2.268rem);
  --space-18-5:clamp(1.85rem, 0.555rem + 1.0117vw, 2.498rem);
  --space-25-33:clamp(2.533rem, 0.7599rem + 1.3852vw, 3.42rem);
  --space-30-89:clamp(3.0894rem, 0.6179rem + 1.9309vw, 4.325rem);
  --space-30-894:clamp(3.0894rem, 0.6179rem + 1.9309vw, 4.325rem);
  --space-32-519:clamp(3.2519rem, 0.6504rem + 2.0324vw, 4.553rem);
  --space-32-52:clamp(3.2519rem, 0.6504rem + 2.0324vw, 4.553rem);
  --space-33-335:clamp(3.3335rem, 0.6667rem + 2.0834vw, 4.667rem);
  --space-33-34:clamp(3.3335rem, 0.6667rem + 2.0834vw, 4.667rem);
  --space-35-06:clamp(3.506rem, 0.7012rem + 2.1913vw, 4.908rem);
  --space-42-75:clamp(4.275rem, 0.855rem + 2.6719vw, 5.985rem);
  --space-45-13:clamp(4.513rem, 0.9026rem + 2.8206vw, 6.318rem);
  --space-45-7:clamp(4.57rem, 0.914rem + 2.8563vw, 6.398rem);
  --space-58-59:clamp(5.859rem, 1.1718rem + 3.6619vw, 8.203rem);
  --space-69-71:clamp(6.971rem, 0.6971rem + 4.9015vw, 10.108rem);
  --space-92-55:clamp(9.255rem, 0.9255rem + 6.5074vw, 13.42rem);
  --space-120-4:clamp(12.04rem, 1.204rem + 8.4656vw, 17.458rem);
  --space-129-268:clamp(12.9268rem, 1.2927rem + 9.0892vw, 18.744rem);
  --space-129-27:clamp(12.9268rem, 1.2927rem + 9.0892vw, 18.744rem);
  --space-146-74:clamp(14.674rem, 1.4674rem + 10.3177vw, 21.277rem);
  --space-168-5:clamp(16.85rem, 1.685rem + 11.8477vw, 24.432rem);
  --space-192-5:clamp(19.25rem, 1.925rem + 13.5352vw, 27.913rem);
  --space-195-5:clamp(19.55rem, 1.955rem + 13.7461vw, 28.347rem);
  --space-937-39:clamp(93.739rem, 9.3739rem + 65.9102vw, 135.922rem);
}

.heading-section-env{
    align-self:center;
    display:flex;

}
.main-heading-env{
    font-size:var(--font-24);
    font-weight:var(--font-weight-300);
    line-height:var(--line-height-1-2);
}
.subheading-dark{
    color:var(--color-grey-500)!important
}
.subheading-lite{
    color:var(--color-grey-400)!important
}
.sub-heading-text{
    color:var(--color-badge-grey-text);
    font-size:var(--font-13);
}
.detailedcard{
    background:var(--color-grey-000);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8);
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0)
}
.detailedcard-header{
    background-color:var(--color-white); 
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    display:flex;
    justify-content:space-between;
    padding:var(--space-20) var(--space-20) var(--space-0) var(--space-20);
}
.headerul li:hover{
  cursor:pointer;
  pointer-events:all;
}
.detailedcard ul.headerul{
    align-items:center;
    display:flex;
    list-style:none;
}
.detailedcard ul.headerul li{
    color:var(--color-badge-grey-text);
    font-size:var(--font-12);
    line-height:var(--line-height-1);
    padding:var(--space-15) var(--space-20);
    text-transform:uppercase;
}
.detailedcard ul.headerul li.active{
    border-bottom:var(--space-3) solid var(--color-tertiary-500);
    color:var(--color-tertiary-500);
}
.detailedcard__body{
    padding:var(--space-0) 20px var(--space-1);
}
.main-text__body{
    align-self:center;
    display:flex;
    justify-content:space-between;
}
.main-text__body span.ri-time-fill{
    color:var(--color-primary-500);
    font-size:var(--font-24)!important;
}
.footer__header .left-content{
    align-items:baseline;
    display:flex;
}
.line-h-0{
  line-height:0;
}
.line-h-15{
  line-height:var(--line-height-1-5)!important;
}
.main-text__body .left-content{
  align-items:center;
  display:flex;
}
.main-text__body{
  padding:var(--space-15) var(--space-0)
}
.main_text{
    font-size:var(--font-13);
}
.main_text,.sub_text{
    line-height:var(--line-height-1);
    margin-left:var(--space-5);
}
.sub_text{
    color:var(--color-badge-grey-text);
    font-size:var(--font-10);
}
.sub_text_dark_grey{
    color:var(--color-grey-500);
}
.sub_text_dark_grey,.sub_text_lite_grey{
    font-size:var(--font-11);
    line-height:var(--line-height-1);
}
.sub_text_lite_grey{
    color:var(--color-grey-400);
}
.right-content{
    align-items:center;
    display:flex;
}
.border-navy{
    border:var(--space-2) solid var(--color-primary-500);
}
.btn-round{
    background-color:initial;
}
.text-content{
    margin-right:var(--space-10);
}
.text-content,.text-content div{
    line-height:var(--line-height-1);
}
button.btn-round .ri-refresh-line, button.btn-round .ri-reset-left-line, button.btn-round .ri-reset-right-line{
    color:var(--color-tertiary-500)!important;
}
.btn-round:hover .MuiSvgIcon-root{
  color:var(--color-white)!important;
}
.datacard_section{
    display:grid;
    gap:var(--space-20);
    grid-template-columns:23% 23% 23% 23%;
    justify-content:space-between;
    margin:auto;
    padding:var(--space-20) var(--space-0);
}
.datacard_section .data-card{
    display:grid;
    grid-template-columns:auto auto;
    justify-content:center;
}
.bold-text__main{
    color:var(--color-info-300);
}
.card-small__text{
    color:var(--color-black);
    font-size:var(--font-13);
    line-height:var(--line-height-1);
    margin-left:var(--space-10);
}
.datacard_section .red-text{
    color:var(--color-error-400);
}
.datacard_section .data-card:first-child .data-card-icon{
    background-color:var(--color-tertiary-500);
}
.datacard_section .data-card:nth-child(2) .data-card-icon{
    background-color:var(--color-success-400);
}
.datacard_section .data-card:nth-child(3) .data-card-icon{
    background-color:var(--color-error-400);
}
.datacard_section .data-card:nth-child(4) .data-card-icon{
    background-color:var(--color-tertiary-700);
}
.data-card .data-card-icon > span{
    font-size:var(--font-24)!important;
}
.charting-section{
    align-items:flex-start;
    column-gap:var(--space-20);
    display:grid;
    grid-template-columns:30% 68%;
    justify-content:space-between;
}
.doughnut-chart{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8);
    width:100%;
}
.doughnut-chart-header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    color:var(--color-grey-500);
    font-size:var(--font-12);
    padding:var(--space-15) 20px;
}
.data-chip{
    align-items:baseline;
    display:flex;
    margin:var(--space-5);
    position:relative;
}
.data-chip p{
    color:var(--color-black);
    font-size:var(--font-11);
}
.bullet-error{
	border-radius:var(--radius-full);
	box-sizing:initial;
	display:inline-block;
	height:var(--space-10);
	margin:var(--space-0) var(--space-2-5);
	width:var(--space-10);
	
}
.green{
	background-color:var(--color-success-400);
}
.red{
	background-color:var(--color-error-400);
}
.chartContainer{
    height:var(--space-250);
    margin-bottom:var(--space-20);
    margin-top:var(--space-20);
    position:relative;
}
.stats{
    display:flex;
    flex-flow:wrap;
    justify-content:center;
    margin:var(--space-10) var(--space-0);
    width:100%;
  }
  .total-count{
    left:var(--space-140);
    position:absolute;
    text-align:center;
    top:var(--space-110);
  }
  .count-text{
      font-size:var(--font-12);
  }
  .count,.count-text{
      color:var(--color-content-secondary);
      line-height:var(--line-height-1);
  }
  .count{
      font-size:var(--font-32);
      font-weight:var(--font-weight-400);
  }
  
.bar-graph{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8);
    height:100%;
    width:100%;
}
.bar-graph-header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    padding:var(--space-0) 20px;
}
.bar-graph-header ul{
    list-style:none;
}
.bar-graph-header ul li{
    color:var(--color-grey-500);
    font-size:var(--font-12);
    padding:var(--space-15) 10px;
}
.bar-graph-header ul li.active{
    border-bottom:var(--space-3) solid var(--color-tertiary-500);
    color:var(--color-tertiary-500);
}
.container-bar-graph{
    height:100%;
    margin-bottom:var(--space-20);
    margin-top:var(--space-20);
    position:relative;
}
@media screen and (min-width:1280px){
    .total-count{
        left:11rem!important;
      }
}
.detailedcard__footer{
    padding:var(--space-20) var(--space-0);
}
.footer__header{
    margin:var(--space-10) var(--space-0);
}
.footer__body{
    column-gap:var(--space-20);
    display:grid;
    grid-template-columns:44% 25% auto;
}
.infra-usage{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8);
}
.infra-usage__header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    color:var(--color-grey-500);
    font-size:var(--font-12);
    padding:var(--space-15) 20px;
}
.infra-usage .progress-container{
    justify-content:center;
    padding:var(--space-20) 10px;
}
.monitoring-tools{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8);
    height:100%;
}
.monitoring-tools__header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    color:var(--color-grey-500);
    font-size:var(--font-12);
    padding:var(--space-15) 20px;
}
.monitoring-tools .monitor-urls{
    align-items:center;
    display:flex;
    justify-content:center;
}
.monitoring-tools .progress-bar{
    margin-left:var(--space-25);
    width:70%;
}
.skills{
    margin-left:var(--space-20);
    max-width:var(--space-960);
    width:80%;
  }
  
  .lines,.skills{
    position:relative;
  }
  
  .lines{
    height:60%;
  }
  
  .line{
    background:#eee9;
    height:inherit;
    position:absolute;
    width:var(--space-2);
  }
  .line.l--0{
    left:0;
  }
  .line.l--25{
    left:25%;
  }
  .line.l--50{
    left:50%;
  }
  .line.l--75{
    left:75%;
  }
  .line.l--100{
    left:calc(100% - var(--space-1));
  }
  
  .line__label{
    bottom:calc(var(--space-20)*-1);
    display:block;
    position:absolute;
    right:calc(var(--space-50)*-1);
    text-align:center;
    width:var(--space-100);
  }
  .line__label.title{
    font-weight:var(--font-weight-700);
    text-transform:uppercase;
  }
  
  .charts{
    height:100%;
    width:100%;
    
  }
  
  .chart{
    margin:var(--space-30) 0 0;
  }
  .chart:first-child{
    margin:0;
  }
  
  .chart__title{
    animation:anim-lightspeed-in 1s ease forwards;
    display:block;
    font-weight:var(--font-weight-700);
    margin:0 0 var(--space-10);
    opacity:0;
  }
  .chart--prod .chart__title{
    animation-delay:3.3s;
  }
  .chart--design .chart__title{
    animation-delay:4.5s;
  }
  
  .chart--horiz{
    overflow:hidden;
  }
 .count-left{
     position:absolute;
 }
  .chart__bar{
    animation:anim-lightspeed-in 1s ease forwards;
    background:linear-gradient(to left, var(--color-tertiary-400), var(--color-success-400));
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    height:var(--space-30);
    margin-bottom:var(--space-10);
    opacity:0;
    position:relative;
  }
  .chart--dev .chart__bar:nth-of-type(11){
    animation-delay:2.7s;
  }
  .chart--dev .chart__bar:nth-of-type(10){
    animation-delay:2.5s;
  }
  .chart--dev .chart__bar:nth-of-type(9){
    animation-delay:2.3s;
  }
  .chart--dev .chart__bar:nth-of-type(8){
    animation-delay:2.1s;
  }
  .chart--dev .chart__bar:nth-of-type(7){
    animation-delay:1.9s;
  }
  .chart--dev .chart__bar:nth-of-type(6){
    animation-delay:1.7s;
  }
  .chart--dev .chart__bar:nth-of-type(5){
    animation-delay:1.5s;
  }
  .chart--dev .chart__bar:nth-of-type(4){
    animation-delay:1.3s;
  }
  .chart--dev .chart__bar:nth-of-type(3){
    animation-delay:1.1s;
  }
  .chart--dev .chart__bar:nth-of-type(2){
    animation-delay:.9s;
  }
  .chart--dev .chart__bar:nth-of-type(1){
    animation-delay:.7s;
  }
  .chart--prod .chart__bar:nth-of-type(2){
    animation-delay:4.2s;
  }
  .chart--prod .chart__bar:nth-of-type(1){
    animation-delay:4s;
  }
  .chart--design .chart__bar:nth-of-type(3){
    animation-delay:5.6s;
  }
  .chart--design .chart__bar:nth-of-type(2){
    animation-delay:5.4s;
  }
  .chart--design .chart__bar:nth-of-type(1){
    animation-delay:5.2s;
  }
  
  .chart__label{
    color:var(--color-white);
    line-height:var(--line-height-30);
    padding-left:var(--space-10);
  }
  
  @keyframes anim-lightspeed-in{
    0%{
      opacity:1;
      transform:translateX(-200%);
    }
    100%{
      opacity:1;
      transform:translateX(0);
    }
  }
  .overviewCard{
        background-color:var(--color-white);
        border:var(--space-1) solid var(--color-border-grey);
        border-radius:var(--radius-8);
        box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
        margin:var(--space-20) auto;
        overflow:hidden;
  }
  .overviewCard-blank{
    border-radius:var(--radius-8);
    margin:var(--space-20) auto;
}
.overviewCard__body-blank{
  border-radius:var(--radius-0) var(--radius-0) var(--radius-8) var(--radius-8);
  padding:var(--space-20);
}
  .overviewCard__header{
    align-items:center;
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    color:var(--color-grey-500);
    display:flex;
    font-size:var(--font-12);
    justify-content:space-between;
    padding:var(--space-15) 20px;
  }
  .overviewCard__body{
    border-radius:var(--radius-0) var(--radius-0) var(--radius-8) var(--radius-8);
    padding:var(--space-20);
  }
  .overviewCard__body,.overviewCard__body > div > .md-stepper-horizontal{
    background-color:var(--color-white);
  }
  .text-overview{
    font-size:var(--font-12);
    text-transform:uppercase;
  }
  button.edit__icon{
    background-color:initial;
    border:none;
    cursor:pointer;
  }
  .text__box{
    align-items:center;
    display:flex;
    padding:var(--space-2) var(--space-0);
  }
  .text__box-main{
    color:var(--color-black);
    font-size:var(--font-12);
  }
  .m-width-90{
    
    min-width:var(--space-90);
  }
  .text__box-sub{
    color:var(--color-badge-grey-text);
    font-size:var(--font-12);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .service__details{
    display:flex;
  }
  .text__box-sub .chip-default{
    align-items:center;
    border-radius:var(--radius-4);
    display:inline-block;
    font-size:var(--font-11);
    justify-content:center;
    line-height:var(--line-height-2);
    margin:var(--space-5);
    padding:var(--space-0) 8px;
    text-align:center;
  }
  .align-left{
      margin-right:var(--space-10);
  }
  .align-right{
    margin-left:var(--space-10);
}
.ci__details{
  display:flex;
}
.ci--left__panel{
  height:100%;
  padding:var(--space-10) 20px;
  width:25%;
}
.top__details{
  display:flex;
  justify-content:space-between;
}
.ci--right__panel{
  border-left:var(--space-1) solid var(--color-border-grey);
  display:grid;
  gap:var(--space-20);
  grid-template-columns:auto auto;
  padding-top:var(--space-10);
}
.overviewCard__body__ci{
    background-color:var(--color-white);
    border-radius:var(--radius-0) var(--radius-0) var(--radius-8) var(--radius-8);
}
.ci__chip__section{
  display:grid;
  flex-wrap:wrap;
  grid-template-columns:auto auto auto;
  justify-content:space-between;
}
.ci__chip__section .chip-default-fixed:first-child{
    margin-left:var(--space-0);
}
.icon-ci{
  line-height:none;
  margin-left:auto;
  width:var(--space-40);
}
.icon-ci img{
  width:100%
}
.ci__names{
  margin:var(--space-20) var(--space-0);
}
.text-uppercase{
  text-transform:uppercase!important;
}
.lite-grey{
  color:var(--color-grey-500);
}
.dark-grey{
  color:var(--color-badge-grey-text);
}
.mid-grey{
  color:var(--color-grey-500);
}
.pd-rl-20{
  padding:var(--space-15) 20px;
}
.text__box__grid{
  display:grid;
  gap:var(--space-10);
  grid-template-columns:auto auto
}
.text__box__grid .text__box-main{
  justify-self:flex-start;
}
.code-quality .ci__names{
  margin:var(--space-10) var(--space-0)
}
.code-quality .ci__chip__section{
    justify-content:start;
}
.code-quality .ci__chip__section .chip-default-fixed{
  margin-left:var(--space-10);
}
.code-quality .ci__chip__section .chip-default-fixed:first-child{
  margin-left:var(--space-0);
}
.pd-b-10{
  padding-bottom:var(--space-10);
}
.cd_deatils_card__header{
    align-items:center;
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
    color:var(--color-grey-500);
    display:flex;
    font-size:var(--font-12);
    justify-content:space-between;
    padding:var(--space-0) 20px;
}
.mr-30{
  margin-right:var(--space-20);
}
.content-left{
  align-items:center;
  display:flex;
  justify-self:flex-end;
}
.btn_icon{
  background-color:initial;
  border:none;
  color:var(--color-tertiary-500);
  display:inline-block;
  font-size:var(--font-11);
  margin-left:var(--space-5);
  margin-right:var(--space-5);
}
.btn_icon:last-child{
  margin-left:var(--space-10);
  margin-right:var(--space-0);
}
button.btn_icon{
  color:var(--color-tertiary-500);
  font-size:var(--font-11)!important;
  margin:var(--space-0) var(--space-3);
}
.vertical-border{
  background-color:var(--color-border-grey);
  display:block;
  margin:calc(var(--space-20)*-1) var(--space-3);
  width:var(--space-1);
}
.dropdown-data > div{
  box-shadow:none!important;
  justify-items:flex-end;
  margin-bottom:var(--space-0)!important;
  width:var(--space-180);
}
.dropdown-data > div select.select{
    border:var(--space-1) solid var(--color-grey-300)!important;
  box-shadow:none!important;
    height:var(--space-30);
    margin:var(--space-0) 10px;
    overflow:hidden;
    padding:var(--space-0) 8px;
    text-overflow:ellipsis;
    width:180px!important;
}
.dropdown-data select.select:focus{
  outline:var(--space-1) solid var(--color-primary-500);
}
.overviewCard-small{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8);
  height:fit-content;
}
.overviewCard-small__header{
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
  color:var(--color-grey-500);
  font-size:var(--font-12);
  padding:var(--space-15) 10px;
  text-align:left;
}
.overviewCard-small__container{
    margin-bottom:var(--space-20);
    margin-top:var(--space-20);
  position:relative;
}
.overviewCard-small__container .text__box__grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  padding:var(--space-10);
}
.flex__item{
  margin-right:var(--space-80);
}
.flex__item:last-child{
  margin-right:var(--space-0);
}
.chart__bar:last-child{
  margin-bottom:var(--space-0);
}
.grid-template-view{
  background-color:var(--color-white);
  border-radius:var(--radius-0) var(--radius-0) var(--radius-8) var(--radius-8);
  display:flex;
  flex-wrap:wrap;
}
.d-flex{
  display:flex !important;
}
.no-data__msg{
  color:#ff8969;
  font-size:var(--font-11);
  line-height:var(--line-height-2-5);
}
.details-label>.label-env select.select{
  border:none!important;
  padding:var(--space-0) 8px;
  width:60px!important;
}
.select{
  appearance:none;
  background-origin:content-box;
  background-size:10px 10px;
  cursor:pointer;
}
.overviewCard__header-cd{
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
  color:var(--color-grey-500);
  font-size:var(--font-12);
  padding:var(--space-0) 20px;
}
.overview-heading{
  color:var(--color-grey-500);
  font-size:var(--font-11);
  line-height:var(--line-height-1);
  text-transform:uppercase;
}
.overview-single-card{
  border:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-4);
  box-shadow:var(--space-0) var(--space-5) var(--space-0) var(--space-0) #0000000a;
  margin:var(--space-10) var(--space-0);
  overflow:hidden;
  position:relative;
  width:100%;
}

.overview-card-section{
  display:grid;
  gap:var(--space-10);
  grid-template-columns:24% 24% 24% 24%;
  justify-content:space-between;
}
.overview-card-updated{
  display:grid;
  gap:var(--space-10);
  grid-template-columns:70% 1fr;
}
.grid-template-3{
  grid-template-columns:32% 32% 32%;

}
.section-service-overview{
    border-top:var(--space-1) solid var(--color-border-grey);
    padding:var(--space-10);
}
.overview-card-heading-section{
  align-items:center;
  background-color:var(--color-grey-000);
  border-bottom:var(--space-1) solid var(--color-border-grey);
  border-radius:var(--radius-8) var(--radius-8) var(--radius-0) var(--radius-0);
  display:flex;
  height:var(--space-40);
  justify-content:space-between;
  padding:var(--space-10);
  position:relative;
}
.overview-card-heading{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
  line-height:var(--line-height-1);
}
.overview-card-value{
  display:grid;
  height:auto;
  padding:var(--space-10);
}
.overview-card-value-env-var{
  display:block;
  height:var(--space-150);
  padding:var(--space-10);
}
.overview-card-section-grid-3{
  display:grid;
  gap:var(--space-10);
  grid-template-columns:24% 50% 24%;
}
.overview-card-section-grid-5{
  display:grid;
  grid-template-columns:19% 19% 19% 19% 19%;
  grid-gap:var(--space-10);
  gap:var(--space-10);
  justify-content:space-between;
  margin:var(--space-10) var(--space-0);
}
.overview-card-section-grid-3 .overview-single-card{
  width:100%;
}
.overview-card-value-text{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
  line-height:var(--line-height-2);
  margin:auto var(--space-0) auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.overview-chip-yes{
  background-color:var(--color-success-400);
}
.overview-chip-no,.overview-chip-yes{ 
  border-radius:var(--radius-4);
  color:var(--color-white);
  font-size:var(--font-10);
  line-height:var(--line-height-1);
  padding:var(--space-5);
}
.overview-chip-no{
  background-color:var(--color-error-300);
}
.chip-overview{
  max-width:var(--space-50);
}
.chip-overview,.chip-overview-min{
  border-radius:var(--radius-4);
  color:var(--color-white);
  display:inline-block;
  font-size:var(--font-11);
  line-height:var(--line-height-1);
  overflow:hidden;
  padding:var(--space-5);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chip-overview-min{
  margin:var(--space-2);
  min-width:var(--space-50);
}
.color-lite-grey{
  background-color:var(--color-grey-300);
}
.color-dark-grey{
  background-color:var(--color-grey-600);
}
.overview-card-value-text-complete{
    color:var(--color-badge-grey-text);
  font-size:var(--font-11);
    line-height:var(--line-height-1-5);
    margin:auto var(--space-0) auto;
    text-transform:capitalize;
}
.grid-temp-2{
  grid-template-columns:auto auto;
}
.rep-count-text{
  color:var(--color-grey-500);
  font-size:var(--font-11);
}
.overview-card-value-text span.MuiSlider-root{
  margin-left:var(--space-20);
}
.grid-view{
  display:grid;
  grid-template-columns:auto auto;
}
.grid-view-4{
  display:grid;
  grid-template-columns:auto auto auto auto;
}
.grid-view p{
  font-size:var(--font-11);
  line-height:var(--line-height-1-2);
}
.grid-temp-2-widthfull{
  grid-template-columns:25% 74%;
}
.grid-temp-2-widthfull > .overview-single-card{
      width:100%;
}
.grid-view-4  p{
  line-height:var(--line-height-1-5);
}
.heading-key-value{
  align-self:baseline;
  border-bottom:var(--space-2) solid var(--color-black);
  display:grid;
  gap:var(--space-0) var(--space-10);
  grid-template-columns:45% 45%;
  justify-items:flex-start;
  padding-bottom:var(--space-5);
}
.heading-key-value p{
  font-size:var(--font-11);
  line-height:var(--line-height-1-5);
}
.data-key-value-pair{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-border-grey);
  display:grid;
  gap:var(--space-0) var(--space-10);
  grid-template-columns:45% 45%;
  height:var(--space-30);
  justify-items:flex-start;
}
.data-key-value-pair:last-child{
  border:none;
}
.data-key-value-pair p{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
  padding:var(--space-5);
}
.overview-card-heading-section .ri-checkbox-fill-with-white-check{
  color:var(--color-success-400);
  font-size:var(--font-18)!important;
} 
.text-overview-with-image{
  display:flex;
  justify-content:space-between;
}
.text-overview-with-image img{
  height:var(--space-25);
  width:auto;
}
.text-with-icon{
  align-items:center;
  display:flex;
}
.text-with-icon p{
  color:var(--color-badge-grey-text);
  font-size:var(--font-11);
  line-height:var(--line-height-1);
  margin-left:var(--space-5)
}
.text-with-icon p span{
  color:var(--color-grey-400);
  margin-left:var(--space-5);
}
.text-with-icon >span.ri-group-fill{
  color:var(--color-badge-grey-text)!important;
}
.no-data__msg-env-var{
  align-items:center;
  color:#ff8969;
  display:flex;
  font-size:var(--font-11);
  height:100%;
  justify-content:center;
  margin:auto;

}
.text-ellipses{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:var(--space-200);
}
.details-label>.label-env select.select{
  border:var(--space-1) solid var(--color-grey-300)!important;
  box-shadow:none!important; 
  height:var(--space-30);
  margin:var(--space-0) 10px;
  overflow:hidden;
  padding:var(--space-0) 5px;
  text-overflow:ellipsis;
  width:130px!important;
}
.env-variable-box{
  display:block;
  height:90%;
  overflow-y:scroll;
}
.env-variable-box::-webkit-scrollbar{
  display:none;
}
p.no-data__msg{
line-height:var(--line-height-1);
}
.grid-view-2{
  display:grid;
  gap:var(--space-10);
  grid-template-columns:auto auto;
}
.grid-temp-3-widthfull{
  grid-template-columns:49% 50%;
}
.overview-card-value-access{
  display:grid;
  padding:var(--space-10);
}
.label-dropdown{
  font-size:var(--font-11)!important;
}
.md-step-circle > .MuiSvgIcon-root{
  font-size:var(--font-18);
}
.height-12{
  height:var(--space-120);
}
.Y7{
  -webkit-font-smoothing:antialiased;
    background-color:var(--color-content-tertiary);
    border-radius:var(--radius-4);
    color:var(--color-white);
    display:inline;
    font-size:var(--font-10);
    font-weight:var(--font-weight-500);
    justify-content:center;
    letter-spacing:.3px;
    padding:var(--space-3) 5px;
}
.Y7,.env-subenv{
    align-items:center;
}
.env-subenv{
    border-radius:var(--radius-8);
    display:flex;
  font-size:var(--font-11);
    padding:var(--space-10);
    width:fit-content;
}
.env-subenv .input-component{
  margin-bottom:var(--space-0);
  width:var(--space-120);
}
.env-subenv .input-component .select{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-grey-400);
  border-radius:var(--radius-4);
  color:var(--color-badge-grey-text);
  display:block;
  font-size:var(--font-12);
  font-weight:var(--font-weight-400);
  height:var(--space-32);
  line-height:var(--line-height-2);
  margin:var(--space-0);
  padding:var(--space-0) var(--space-4);
  width:100%;
}
.env-subenv .color-dark-grey{
  background-color:initial;
  color:var(--color-badge-grey-text);
}
.display-flex{
  align-items:center;
  display:flex;
  justify-content:space-between;
}
.monitoring-card{
  background-color:var(--color-white);
  border:var(--space-1) solid var(--color-secondary-100);
  border-radius:var(--radius-8);
  margin:var(--space-20) var(--space-0);
  padding:var(--space-0) var(--space-0) var(--space-0);
}
.grid-3-template{
  align-items:center;
  display:grid;
  gap:var(--space-5);
  grid-template-columns:33% 33% 33%;
  justify-content:center;
}
.recent-deployment-cart-section{
  align-items:center;
  display:flex;
  justify-content:center;
}
.recent-deployment-cart-section canvas{
  height:239px!important;
  position:relative;
  width:478px!important;
}
.content-center-chart{
  padding-top:var(--space-20)!important;
}
@media screen and (min-width:1280px){
  .total-count{
      left:11rem!important;
    }
    .recent-deployment-cart-section canvas{
  height:239px!important;
  position:relative;
  width:478px!important;
}
}
.processing-arrow{
  align-items:center;
  border:var(--space-3) solid var(--color-badge-grey-bg);
  border-radius:var(--radius-full);
  display:flex;
  height:var(--space-40);
  justify-content:center;
  width:var(--space-40);
}
.processing-arrow .ri-arrow-right-fill{
  color:var(--color-badge-grey-text);
  font-size:var(--font-20)!important;
  margin:auto;
  text-align:center;
}
.content-2{
  bottom:var(--space-50);
  width:100%;
}
.content-1,.content-2{
  position:absolute;
  text-align:center;
}
.content-1{
  bottom:var(--space-95);
  left:var(--space-75);
  width:var(--space-160);
}
.content-1 .replicaset-count{
  background-color:var(--color-grey-400);
    border-radius:var(--radius-full);
    color:var(--color-white);
    display:block;
    height:var(--space-60);
    line-height:var(--line-height-60);
    margin:auto;
    text-align:center;
    width:var(--space-60);
} 
.content-1 div div{
  margin-bottom:var(--space-0)!important;
}
.content-1 div div:first-child{
  display:none;
}
@media screen and (max-width:1280px){
  .content-center-chart{
    align-items:center;
    display:grid;
    grid-template-columns:22% 54% 25%!important;
    justify-content:space-between;
    padding:var(--space-0) 20px;
    width:100%;
}
 
 
}
.left-pods-count{
  background-color:var(--color-grey-400);
  border-radius:var(--radius-full);
  color:var(--color-white);
  font-size:var(--font-36);
  height:var(--space-60);
  line-height:var(--line-height-60);
  margin:auto;
  margin-bottom:var(--space-10);
  text-align:center;
  width:var(--space-60);
}
.pods-count{
  color:var(--color-black);
  font-size:var(--font-12);
  margin-bottom:var(--space-15);
}
.pods-count span{
  color:var(--color-badge-grey-text);
}
.hint-click{
  color:var(--color-grey-500);
  font-size:var(--font-11);
  text-align:center;
}
.bottom-data .heading-main{
  color:var(--color-badge-grey-text);
  font-size:var(--font-16);
  margin-top:var(--space-15);
}
.artifact-name-blue{
  background-color:var(--color-tertiary-400);
  border-radius:var(--radius-4);
  color:var(--color-white);
}
.artifact-name p{
  font-size:var(--font-11);
}
.bottom-section{
  align-content:center;
  display:flex;
  justify-content:center;
}
.artifact-name,.bottom-section-data{
  margin:var(--space-5);
}
.bottom-section-data{
  align-self:center;
}
.bottom-section-data div{
  line-height:var(--line-height-1);
}
.orange{
  background-color:var(--color-warning-500)
}
.table-section table{
    text-align:left;
    width:100%;
}
.table-section table tr th{
  border-bottom:var(--space-2) solid var(--color-content-secondary);
  padding:var(--space-5) var(--space-0);
}
.table-section table tr td{
  border-bottom:var(--space-1) solid var(--color-grey-300);
  color:var(--color-grey-600);
  padding:var(--space-10) var(--space-0);
}
.red-text{
    color:var(--color-secondary-300);
}
.chart-with-content{
  max-width:var(--space-500);
  position:relative;
}
 .table-section .table-body,.table-section .table-head{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-grey-300);
  display:grid;
  gap:var(--space-10);
  grid-template-columns:45% 13% 10% 15% 15%;
  justify-content:start;
  overflow:hidden;
  padding:var(--space-10) var(--space-0);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.scrollable-section{
  height:var(--space-250);
  overflow-y:scroll;
}
.max-height-200{
  max-height:var(--space-200);
  overflow-y:scroll;
}
 .table-section-8 .table-body,.table-section-8 .table-head{
  align-items:center;
  border-bottom:var(--space-1) solid var(--color-grey-300);
  display:grid;
  gap:var(--space-10);
  grid-template-columns:8% 8% 8% 8% 20% 8% 15% 15%;
  justify-content:start;
  overflow:hidden;
  padding:var(--space-10) var(--space-0);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.table-section-8 .table-body div, .table-section-8 .table-head div{
  font-size:var(--font-11);
  margin:var(--space-0) 5px;
}
.table-message,.table-section-8 .table-body div,.table-section-8 .table-head div{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.table-section .table-body:last-child{
  border-bottom:none;
}
[contenteditable]{
  outline:var(--space-0) solid #0000;
}
.table-body-error{
  align-items:center;
  display:flex;
  height:var(--space-250);
  justify-content:center;
  width:100%;
}
.table-body-error p{
  color:#ff8969
}
.color-black{
    color:var(--color-white);
}

.divider-nav{
    background-color:var(--color-content-secondary);
    height:var(--space-1);
    margin:var(--space-5) var(--space-0);
    width:100%;
}

a.color-black{
    color:var(--color-white);
}

span.ri-file-fill,span.ri-shopping-basket-fill{
    margin:var(--space-0) var(--space-10);
}

span.ri-file-fill{
    font-size:var(--font-14);
}

span.ri-arrow-down-s-line{
    color:var(--color-grey-400);
}

.main-nav-1 span.ri-arrow-down-s-line{
    font-size:var(--font-12) !important;
}

.main-nav-1 span.ri-cloud-fill,.main-nav-1 span.ri-smartphone-fill,.ri-home-fill{
    margin:var(--space-0) 10px;
}

.main-nav-1 span.ri-cloud-fill{
    font-size:var(--font-18);
    line-height:var(--line-height-14);
}

.ri-apps-fill{
    margin:var(--space-0) 10px;
}

.main-nav{
    background-color:var(--color-tertiary-500);
    background-color:#f0f8ff;
    border:none;
    border-radius:var(--radius-24);
    bottom:0;
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
    content:"";
    display:flex;
    display:block;
    left:0;
    padding:var(--space-10);
    position:relative;
    position:absolute;
    right:0;
    top:0;
    transform:scale(.001);
}

.main-nav,.main-nav-1{
    cursor:pointer;
    justify-content:space-between;
    outline:none;
    transition:all .4s ease-in;
    width:100%;
}

.main-nav-1{
    align-items:center;
    background-color:initial;
    border:none;
    display:flex;
    font-size:var(--font-11);
    margin-bottom:var(--space-10);
    margin-top:var(--space-10);
    position:relative;
}

.main-nav-1::before{
    border-radius:var(--radius-full);
    bottom:0;
    content:"";
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform:scale(.001);
}

.main-nav:focus{
    color:var(--color-badge-grey-text);
    outline:var(--space-0);
}

.main-nav:focus:before{
    animation:btn-transition .8s ease-out;
}

.main-nav,.main-nav span.ri-arrow-right-fill{
    color:var(--color-white);
    display:inline-block;
    margin:var(--space-0) 5px;
}

.main-nav span.ri-arrow-right-fill{
    font-size:var(--font-11) !important;
}

.subOptionChild{
    cursor:pointer;
    font-size:var(--font-11);
    margin-left:0;
    padding:var(--space-3);
    white-space:nowrap;
}

.subOptionChild,.subOptionChild span span a,.subOptionChild>span{
    color:var(--color-grey-500);
}

.subOptionChild>span{
    margin:var(--space-0) 10px;
}

.sub-active{
    color:var(--color-secondary-400) !important;
    width:fit-content;
}

.sub-active span span a{
    font-weight:var(--font-weight-700);
}

.sub-active,.sub-active span span a{
    color:var(--color-secondary-400);
}

.sub-active>span>.color-black{
    color:var(--color-tertiary-500);
}

@keyframes btn-transition{
    50%{
        opacity:0;
        transform:scale(1.5);
    }

    99%{
        opacity:0;
        transform:scale(.001);
    }

    100%{
        opacity:1;
        transform:scale(.001);
    }
}

@keyframes skeleton-shimmer{
    0%{ background-position:200% 0; }
    100%{ background-position:-200% 0; }
}

.icon-alert .ri-arrow-right-fill{
    font-family:remixicon,sans-serif;
    font-size:var(--font-15) !important;
    font-style:normal;
    margin-left:var(--space-0) !important;
}

.color-white{
    color:var(--color-white);
}

.color-blue{
    color:var(--color-tertiary-500);
}

.color-fa .ri-arrow-up-s-line{
    font-size:var(--font-12) !important;
}

.color-fa .ri-arrow-down-s-line,.color-fa .ri-arrow-up-s-line{
    color:var(--color-grey-500) !important;
}

.side-nav{
    overflow:hidden;
}

.side-nav:hover{
    overflow-y:auto;
}


::-webkit-scrollbar{
    height:var(--space-3);
    width:.5em !important
}

::-webkit-scrollbar-track{
    -webkit-box-shadow:inset var(--space-0) var(--space-0) var(--space-6) #0000004d !important;
    position:absolute;
}

::-webkit-scrollbar-thumb{
    background-color:var(--color-info-500) !important;
}

.Y6{
    -webkit-font-smoothing:antialiased;
    background-color:var(--color-info-700);
    border-radius:var(--radius-4);
    color:var(--color-badge-blue-bg);
    display:inline;
    font-size:var(--font-10);
    justify-content:center;
    letter-spacing:.3px;
    margin-left:var(--space-3);
    padding:var(--space-4);
}
.chipnew{
    align-items:center;
    background-color:var(--color-grey-100);
    border-radius:var(--radius-6);
    color:var(--color-content-primary);
    cursor:default;
    display:inline-flex;
    font-weight:var(--font-weight-600);
}
.chip-small{
    font-size:var(--font-8);
    padding:var(--space-2-5) var(--space-5);
}

.chip-normal{
    font-size:var(--font-12);
    padding:var(--space-2) 10px;
}

.chip-large{
    font-size:var(--font-14);
    padding:var(--space-7-5) var(--space-15);
}

.chip-avatar{
    border-radius:var(--radius-full);
    height:var(--space-24);
    margin-right:var(--space-5);
    overflow:hidden;
    width:var(--space-24);
}

.chip-label{
    line-height:125%;
    white-space:nowrap;
}

.chip-clickable{
    transition:background-color .3s;
}
.chip-primary{
    background-color:var(--color-tertiary-500);
    color:var(--color-white);
}

.chip-secondary{
    background-color:var(--color-content-tertiary);
    color:var(--color-white);
}

.chip-tertiary{
    background-color:var(--color-primary-400);
    color:var(--color-white);
}

.chip-success{
    color:var(--color-success-500) !important;
}

.chip-connected,.chip-success{
    background-color:var(--color-pastel-green);
    border:var(--space-2) solid var(--color-badge-green-bg);
}

.chip-connected{
    color:var(--color-badge-green-text) !important;
    padding:var(--space-3) var(--space-6) !important;
}

.chip-connected .chip-label{
    text-transform:none !important;
}

.chip-failed{
    background-color:var(--color-pastel-red);
    border:var(--space-2) solid var(--color-badge-red-bg);
    color:var(--color-badge-red-text) !important;
}

.chip-failed .chip-label{
    text-transform:none !important;
}

.chip-pending{
    background-color:var(--color-secondary-500);
}

.chip-pending,.chip-resume{
    color:var(--color-white);
}

.chip-resume{
    background-color:var(--color-success-500);
}

.chip-revoked{
    background-color:var(--color-grey-900);
    color:var(--color-white);
}

.chip-disconnected{
    background-color:var(--color-pastel-yellow);
    border:var(--space-2) solid var(--color-badge-amber-bg);
    color:var(--color-badge-amber-text) !important;
    padding:var(--space-3) var(--space-6) !important;
}

.chip-disconnected .chip-label{
    text-transform:none !important;
}
.chip-vm{
  margin-left:var(--space-3);             
}
.chip-primary-round-outline,.chip-vm{
  background-color:var(--color-pastel-blue-3);
  border:var(--space-1) solid var(--color-primary-100);
  border-radius:var(--radius-16);     
  color:var(--color-tertiary-500);
}
.chip-primary-round-outline{  
    box-sizing:border-box;
    margin-left:var(--space-6);
}
.newchip{
    align-items:center;
    background-color:var(--color-grey-000);
    border:var(--space-1) solid;
    border-color:var(--color-badge-grey-bg);
    color:var(--color-content-primary);
    cursor:default;
    display:inline-flex;
    font-weight:var(--font-weight-500);
}
.chip-avatar,.chip-icon{
  align-items:center;
  display:flex;
}
.chip-icon{
    margin-right:var(--space-5);
}
.chip-clickable{
  cursor:pointer;
}

.chip-clickable:hover{
    background-color:var(--color-border-grey);
}
 .chip-dark.chip-clickable:hover{
    background-color:var(--color-content-primary);
}

.chip-shape-pill{
          border-radius:var(--radius-pill);
          font-weight:var(--font-weight-500);
          padding:var(--space-4) var(--space-8);

}
.chip-shape-pill,.chip-shape-standard{
          line-height:var(--line-height-1);
}
.chip-shape-standard{
          border-radius:var(--radius-4);
          padding:var(--space-3) 6px;
}

.chip-success{
  background:var(--color-pastel-green);
  border-color:var(--color-badge-green-bg);
  color:var(--color-badge-green-text) !important;
}


.chip-warning{
  background:var(--color-pastel-yellow);
  border-color:var(--color-badge-amber-bg);
  color:var(--color-badge-amber-text) !important;
}


.chip-info{
  background:var(--color-pastel-blue-2);
  border-color:var(--color-tertiary-200);
  color:var(--color-primary-400) !important;
}


.chip-highlight{
  background:var(--color-pastel-pink2);
  border-color:var(--color-badge-purple-bg);
  color:var(--color-badge-purple-text) !important;
}


.chip-error{
  background:var(--color-pastel-red);
  border-color:var(--color-badge-red-bg);
  color:var(--color-badge-red-text) !important;
}


.chip-light{
  background:var(--color-grey-000);
  border-color:var(--color-badge-grey-bg);
  color:var(--color-content-tertiary) !important;
}


.chip-dark{
  background:var(--color-grey-900);
  border-color:var(--color-grey-900);
  color:var(--color-white) !important;
}

.chip-highlight2{
  background:var(--color-pastel-pink);
  border-color:var(--color-pastel-red);
  color:var(--color-badge-purple-text);
}


.chip-dark .chip-icon svg{
  color:var(--color-white);
}

 .isa_error,.isa_info, .isa_success, .isa_warning{
font-size:var(--font-12);
margin:var(--space-0) var(--space-0);
padding:var(--space-12);
}
.isa_info{
    color:var(--color-badge-blue-text);
}
.isa_success{
    color:var( --color-success-600);
}
.isa_success,.isa_warning{
    background-color:var(--color-secondary-200);
}
.isa_warning{
    color:var(--color-warning-700);
}
.isa_error{
    color:var(--color-error-600);
}
.border-blue{
    
    border:var(--space-2) solid var(--color-info-300);
}
.line-height-one{
    line-height:var(--line-height-1);
}
.border-red{
    border:var(--space-2) solid var(--color-error-400)!important;
}
 .isa_error i,.isa_info i, .isa_success i, .isa_warning i{
    font-size:var(--font-20);
    margin:var(--space-10) var(--space-22);
    vertical-align:middle;
}

.custom-box{
    width:var(--space-380);
}
.custom-box,.custom-box-new{
    align-items:center;
    align-self:flex-start;
    border-radius:var(--radius-4);
    display:flex;
    height:fit-content;
}
.custom-box-new{
    width:100% !important;
}
.d-block{
    display:block;
}
.rounded-box{
    border:var(--space-1) solid;
    border-radius:var(--radius-25);
}
.des-custom-box{
    margin:auto;
    padding:var(--space-0) var(--space-22);
    
}
.des-custom-box ul{
    list-style:none;
}
.des-custom-box ul li{
    overflow-wrap:break-word;
}
.btn-with-icon{
    align-items:center;
    background-color:var(--color-white);
    border:none;
    color:var(--color-tertiary-500);
    cursor:pointer;
    display:flex !important;
    justify-content:center;
}
.btn-with-icon:hover{
    background-color:var(--color-grey-000);
} 
.btn-with-icon:hover .MuiSvgIcon-root{
    color:var(--color-tertiary-500)!important;
}
.btn-not-allowed.btn-with-icon:hover .MuiSvgIcon-root{
    color:var(--color-grey-600)!important;
}
.btn-round{
    border-radius:var(--radius-full);
    box-shadow:.877px 1.798px var(--space-8) var(--space-0) #0000000f;
    height:var(--space-30);
    margin-right:var(--space-10);
    width:var(--space-30); 
}

.btn-without-border{
    background-color:initial;
    border:var(--space-1) solid #0000;
    border-radius:var(--radius-6);
    color:var(--color-content-secondary);
    font-size:var(--font-20);
    max-height:var(--space-36);
    max-width:var(--space-36);
    padding:var(--space-8);
}

.btn-without-border:hover{
    border-color:var(--color-badge-grey-bg);
}

.btn-round > .ri-refresh-line {
    line-height:var(--line-height-2);
    margin:var(--space-0);
}
.heading-section-service > .main-heading{
    font-size:var(--font-24);
    font-weight:var(--font-weight-300);
    line-height:var(--line-height-1);
}
.heading-section-service > .sub-heading-text{
    color:var(--color-badge-grey-text);
    font-size:var(--font-13);
}
.main-container{
    background-color:var(--color-white);
    border-radius:var(--radius-8);
    box-shadow:var(--space-0) var(--space-8) var(--space-24) var(--space-0) var(--color-overlay-black-07), var(--space-0) var(--space-4) var(--space-4) var(--space-0) var(--color-overlay-black-07);
    margin-bottom:var(--space-20);
    overflow:hidden;
}
.head-section{
    align-items:center;
    display:flex;
    justify-content:space-between;
}
.dropdown{
    width:11%;
}
.main-container-head{
    padding:var(--space-20);
}

.main-container-head,.main-container-head-card{
    align-items:center;
    display:flex;
    justify-content:space-between;
}

.main-container-head-card{
    border:var(--space-2) solid #0000;
    padding:var(--space-12) 24px 12px 12px;
}


.main-card-head-hover:hover{
    border-color:var(--color-grey-300);
    border-radius:var(--radius-8);
}
.avatar,.left-content{
    align-items:center;
    display:flex;}
.avatar{ background-color:var(--color-info-500); border-radius:var(--radius-8); color:var(--color-white); height:var(--space-50); justify-content:center; padding:var(--space-10); position:relative; width:var(--space-50);}
.avatar,.avatar-size-40{ font-size:var(--font-18); font-weight:var(--font-weight-700);}
.avatar-size-40{border-radius:var(--radius-5); height:var(--space-40); width:var(--space-40);}
.alignment{
    position:absolute;
    right:-7px!important;
    top:-7px!important;
}
.service-name{
  font-family:Montserrat,sans-serif;
  font-size:var(--font-16);
  font-weight:var(--font-weight-600);

}

.service-name,.service-name a,.service-name a:visited,.service-name-card{
    color:var(--color-tertiary-500);
}

.service-name-card{
  font-family:Montserrat,sans-serif;
  font-size:var(--font-14);
  font-weight:var(--font-weight-600);
}
.service-name-card a,.service-name-card a:visited{
    color:var(--color-tertiary-500);
}

.text-icon-section{
    margin-left:var(--space-10);
}
.owner-name{
    align-items:center;
    color:var(--color-grey-300);
    display:flex;
    font-size:var(--font-12);
    line-height:var(--line-height-1);
}
.owner{
    color:var(--color-badge-grey-text);
    margin-left:var(--space-5);
}

.owner-new{
    color:var(--color-content-primary),
}
a.anchor{
    color:var(--color-tertiary-500);
    display:inline-block;
    font-size:var(--font-12);
    margin:var(--space-0) 5px;
}
.main-container-body{
    margin:var(--space-0) 0 0;
}
.main-container-body .heading{
    color:var(--color-black);
    font-size:var(--font-12);
    text-transform:uppercase;
}
.service-lising-detailed-card{
    border-radius:var(--radius-4);
    margin:var(--space-0) var(--space-0);
}
.service-lising-detailed-card.card{
    border:none;
    border-radius:var(--radius-0);
}
.service-lising-detailed-card .headerul,.service-listing ul.headerul.env-tabs li.active{
    border-left:var(--space-1) solid var(--color-badge-grey-bg);
    border-right:var(--space-1) solid var(--color-badge-grey-bg);
    border-top:var(--space-1) solid var(--color-badge-grey-bg);

}
.service-lising-detailed-card .headerul{
    background-color:var(--color-grey-100);
    border-radius:var(--radius-4) var(--radius-4) var(--radius-0) var(--radius-0);

}
.service-lising-detailed-card .headerul li.active{
    border-bottom-color:var(--color-primary-500);
    color:var(--color-primary-500)!important;

}
.environment-card{
    background-color:var(--color-grey-000);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-4);
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
}
.environment-tab{
    background-color:var(--color-grey-100);
    padding:var(--space-0) 20px;
}
.environment-tab ul{
    list-style:none;
}
.environment-tab ul li{
    color:var(--color-badge-grey-text);
    cursor:pointer;
    display:inline-block;
    font-size:var(--font-12);
    line-height:var(--line-height-1);
    margin-right:var(--space-25);
    padding:var(--space-15);
    position:relative;
    text-transform:uppercase;
}
.environment-tab ul li.active{
    border-bottom:var(--space-3) solid var(--color-tertiary-500);
    color:var(--color-tertiary-500);
}
.divider{
    background-color:var(--color-border-grey);
    height:var(--space-1);
    width:100%;
}


.details-label .label-env{
    border:none;
}
.details-label-service-card{
    align-items:center;
    background-color:var(--color-white);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    display:grid;
    gap:1%;
    grid-template-areas:" option-1 option-2 option-3";
    grid-template-columns:30% 30% 1fr; 
    padding:var(--space-10) 20px;
}
.option-1{
    grid-area:option-1;
}
.option-2{
    grid-area:option-2;
}
.details-label{
    align-items:center;
    background-color:var(--color-white);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    display:grid;
    grid-template-columns:50% 50%;
    padding:var(--space-10) 20px;
}
.label-env > div > .details-label{
    border:none;
    padding:var(--space-0) 20px;
    width:var(--space-160);
}
.details-label{
    font-size:var(--font-12);
}
.tab-label{
    color:var(--color-content-primary);
}
.tab-label,.tab-label-inner{
    align-items:center;
    display:flex;
}
.tab-label-inner{
    color:var(--color-black);
    font-size:var(--font-11);
    line-height:var(--line-height-1);
    margin-bottom:var(--space-10);
}
.icon-with-text{
    align-items:center;
    display:flex;
    margin-left:var(--space-10);
}
.deatils-of{
    background-color:var(--color-grey-000);
    border-radius:var(--radius-0) var(--radius-0) var(--radius-4) var(--radius-4);
    padding:var(--space-10) 10px var(--space-0);
}

.deatils-of > div{
    align-self:center;
    justify-self:center;
}

.deatils-of .actions{
    background-color:var(--color-white);
    border-top:var(--space-1) solid var(--color-badge-grey-bg);
    margin-left:calc(var(--space-10)*-1);
    margin-right:calc(var(--space-10)*-1);
    padding:var(--space-15);
}
.actions .card{
    border:var(--space-1) solid var(--color-grey-100);
    border-radius:var(--radius-4);
}
.actions .card .card-header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-grey-100);
    height:auto;
}
.actions .card .card-body .card-header{
    border-bottom:none;
}
.revampedpopupcard{
    margin:var(--space-10);
}
.revampedpopupcard .card{
    border:var(--space-1) solid var(--color-grey-100);
    border-radius:var(--radius-4);
}
.revampedpopupcard .card .card-header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-grey-100);
    border-top:none;
    height:auto;
    padding-bottom:var(--space-10);
}
.revampedpopupcard .card .card-body .card-header{
    border-bottom:none;
}
.build-section{grid-area:build;}
.deployment-section{grid-area:deployment;}
.hardware-usage{grid-area:monitoring;}
.popup-card{grid-area:data;}
.actions{grid-area:buttons;}
.chip-section p{
    color:var(--color-badge-grey-text);
    font-size:var(--font-11);
}
.monitoring-box{
    margin-top:var(--space-20);
}
.monitor-urls{
   display:flex;
}
.ri-briefcase-fill{
    color:var(--color-tertiary-500);
    font-size:var(--font-15);
}
.monitor-urls > .btn,.monitor-urls >span{
    margin:var(--space-0) 10px;
}
.text-section{
    margin:var(--space-10) var(--space-0);
}
.text-section a{
    color:var(--color-tertiary-500);
    font-size:var(--font-11);
    margin:var(--space-0) var(--space-3) var(--space-0) var(--space-3);
}
.text-section .color-dark{
    font-weight:var(--font-weight-400)!important;
    margin-bottom:var(--space-0);

}
.chip-default-service-listing{
    border-radius:var(--radius-25);
    box-shadow:var(--space-0) var(--space-1) var(--space-4) var(--space-0) #00000021;
    display:inline-block;
    font-size:var(--font-11);
    line-height:var(--line-height-1-5);
    margin:var(--space-2);
    max-width:var(--space-180);
    overflow:hidden;
    padding:var(--space-3) 8px;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.build-section{
    padding:var(--space-10) 10px var(--space-0);
    position:relative;
}
.build-section .text-section{
    margin:var(--space-5) var(--space-0);
}
.color-dark{
    color:var(--color-grey-800);
    font-size:var(--font-11);
    line-height:var(--line-height-1);
    margin-bottom:var(--space-5);
}
.hardware-usage .progress-container{
    padding:var(--space-0);
}
.progress-container{
    justify-content:start;
    padding:var(--space-20) var(--space-0);
}
.float-section{
    align-items:center;
    display:flex;
    margin:var(--space-5) var(--space-0);
}
.float-section div{
    margin-right:var(--space-5);
}
.MuiTooltip-tooltip{
    background-color:var(--color-black)!important;
    color:var(--color-white)!important;
    font-size:var(--font-10)!important;
}
.color-lite{
    color:var(--color-grey-400)!important;
    font-size:var(--font-11);
    line-height:var(--line-height-1-2);
}
.color-lite span{
    word-break:break-all;
}
.triggred-by span,.triggred-by strong{
    color:var(--color-black);
}
.deployment-section,.hardware-usage{
    padding:var(--space-10) 10px var(--space-0);
}
.actions{
    align-items:flex-end;
    display:flex;
    margin-top:var(--space-15);
}
.actions .btn-small-icon:first-child{
margin-left:var(--space-0)!important;
}
.actions button{
    margin:var(--space-0) var(--space-5);
}
.btn-small-icon{
    align-items:center;
    background-color:var(--color-tertiary-500);
    border-radius:var(--radius-4);
    color:var(--color-white);
    display:flex;
    font-size:var(--font-11);
    justify-content:center;
    margin:var(--space-3)!important;
    margin:var(--space-0) var(--space-4) var(--space-0) var(--space-0);
    padding:var(--space-5) 10px;
}
.btn-icon,.btn-small-icon{
    background-color:var(--color-white);
    border-radius:var(--radius-full);
    color:var(--color-tertiary-500);
    height:var(--space-20);
    width:var(--space-20);
}
.btn-small-icon{
    font-size:var(--font-12)!important;
    margin:var(--space-0)!important;
}
.actions button:first-child{
    margin-left:var(--space-0);
}
.overviewCard__body .actions{
    margin-top:var(--space-0);
    padding-bottom:var(--space-10);
}
.label-env{
    align-items:center;
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    border-left:var(--space-1) solid var(--color-badge-grey-bg);
    border-right:var(--space-1) solid var(--color-badge-grey-bg);
    display:flex;
    height:var(--space-46);
    width:100%;
}
.justify-bt{
    
    justify-content:space-between !important;
}
.label-env  select.select{
    border:none!important;
    box-shadow:none!important;
    height:var(--space-30);
    padding:var(--space-0) 8px;
    width:100px!important;
}
.label-env div{
    margin-bottom:var(--space-0)!important;
}
.label-env label span.ri-arrow-right-fill{
    font-size:var(--font-11)!important;
}
.label-env> label{
     color:var(--color-black);
     font-size:var(--font-12);
}
.CircularProgressbar .CircularProgressbar-path{
    stroke-linecap:square!important;
}
.progress-bar{
    background-color:var(--color-grey-100);
    border-radius:var(--radius-3);
    box-shadow:none;
    position:relative;
  }
  .progress-bar.progress-xs{
    height:var(--space-5);
    margin-top:var(--space-5);
  }
  .progress-bar.progress-sm{
    height:var(--space-10);
    margin-top:var(--space-5);
  }
  .progress-bar.progress-lg{
    height:var(--space-25);
  }
  .progress-bar.vertical{
    display:inline-block;
    height:var(--space-200);
    margin-right:var(--space-10);
    position:relative;
    width:var(--space-20);
  }
  .progress-bar.vertical > .progress-bar__bar{
    bottom:0;
    position:absolute;
    width:100% !important;
  }
  .progress-bar.vertical.progress-xs{
    margin-top:var(--space-5);
    width:var(--space-5);
  }
  .progress-bar.vertical.progress-sm{
    margin-top:var(--space-5);
    width:var(--space-10);
  }
  .progress-bar.vertical.progress-lg{
    width:var(--space-30);
  }
  
  .progress-bar__bar{
    background-color:var(--color-tertiary-400);
    box-shadow:none;
  }
  .progress-bar__bar.text-left{
    text-align:left;
  }
  .progress-bar__bar.text-left span{
    margin-left:var(--space-10);
  }
  .progress-bar__bar.text-right{
    text-align:right;
  }
  .progress-bar__bar.text-right span{
    margin-right:var(--space-10);
  }
  @keyframes progress-bar-stripes{
    from{
      background-position:40px 0;
    }
    to{
      background-position:0 0;
    }
  }
  .progress-bar.active .progress-bar__bar,
  .progress-bar__bar.active{
    animation:progress-bar-stripes 2s linear infinite;
  }
  
  
  .progress-bar-striped,.progress-striped .progress-bar__bar{
    background-image:linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
    background-size:40px 40px;
  }
  
  .progress-bar-danger{
    background-color:var(--color-error-400);
  }
  
  .progress-bar-warning{
    background-color:var(--color-secondary-400);
  }
  
  .progress-bar-success{
    background-color:var(--color-success-400);
  }
  .replication_preview{
      padding:var(--space-20) var(--space-0) var(--space-0);
      width:100%;
  }
.replication__count{
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-4);
    font-size:var(--font-11);
    line-height:var(--line-height-1);
    margin-left:var(--space-10);
    padding:var(--space-5) 10px;
    position:absolute;
    right:calc(var(--space-40)*-1);
    top:calc(var(--space-2)*-1);
    
  }
  .border-for-headerul{
        background-color:var(--color-grey-100);
        border-left:var(--space-1) solid var(--color-badge-grey-bg);
        border-radius:var(--radius-4) var(--radius-4) var(--radius-0) var(--radius-0);
        border-right:var(--space-1) solid var(--color-badge-grey-bg);
        border-top:var(--space-1) solid var(--color-badge-grey-bg);
  }
  .text-section-d-flex{
    align-items:baseline;
    display:flex;
    margin:var(--space-10) var(--space-0);
  }
  .text-section-d-flex .color-lite{
        line-height:normal;
        margin-left:var(--space-5);
  }
.popup-card{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-grey-100);
    border-radius:var(--radius-4);
    bottom:0;
    box-shadow:#0000000f .877px 1.798px var(--space-21) var(--space-0);
    height:auto;
    margin-top:var(--space-10);
    width:100%;
}
  .popup-card-head{
    border-bottom:var(--space-1) solid var(--color-border-grey);
    height:var(--space-40);
    padding:var(--space-10);
    position:relative;
      
  }
    .popup-card-head,.popup-card-main-heading{
    align-items:center;
    display:flex;
    }
    .popup-card-main-heading{
        color:var(--color-black);
        font-size:var(--font-13);
        font-weight:var(--font-weight-400);
        justify-content:center;
        line-height:var(--line-height-1);
    }
 .popup-card-head .service-name,.popup-card-sub-heading{
     display:inline-block;
     line-height:var(--line-height-1);
 }
 .popup-card-head .service-name{
    margin:var(--space-0);
    margin-right:var(--space-10);
 }
 .bold-white{
     font-weight:var(--font-weight-400);
 }
 .bold-white,.lite-white{
     color:var(--color-white);
     font-size:var(--font-11);
     line-height:var(--line-height-1);
 }
 .lite-white{
     font-weight:var(--font-weight-300);
 }
 .progress-popup-card{
    background:var(--color-badge-grey-bg);
    border-radius:var(--radius-6);
    height:var(--space-8);
    overflow:hidden;
    padding:0;
    width:90%;
  }
  .section-1{
      width:50%;
  }
  .section-2{
    align-self:center;
    margin-bottom:var(--space-2);
}
.section-3{
    align-self:center;
    margin-top:var(--space-8);
}
  .section-popupcard-progressbar{
      width:50%;
  }
  .bar-popup-card{
    background:var(--color-success-400);
    float:left;
    height:100%;
    min-width:1%;
    position:relative;
  }
  
  .percent-popup-card{
    color:var(--color-white);
    font-size:var(--font-12);
    left:50%;
    margin:0;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
  }
  .percentage-count{
      color:var(--color-white);
      font-size:var(--font-13);
      font-weight:var(--font-weight-700);
  }
  .status-tag{
    align-items:center;
    background-color:var(--color-secondary-400);
    border-radius:var(--radius-36);
    color:var(--color-white);
    display:flex;
    font-size:var(--font-11);
    height:var(--space-35);
    justify-content:center;
    line-height:var(--line-height-1);
    width:var(--space-110);
  }
  .section-2 .ri-menu-unfold-fill{
      color:var(--color-grey-300);
  }
  .popup-card-body{
      background-image:#ccc;
      border-radius:var(--radius-8);
  }
  .popup-card-header{
      background-color:var(--color-grey-100);
      border-bottom:var(--space-1) solid var(--color-border-grey);
      font-size:var(--font-12);
      padding:var(--space-5);
      text-transform:lowercase;
  }
  .section-two{
    margin:var(--space-0) auto;
    padding:var(--space-0) 10px;
  }
  .section-two-heading{
      color:var(--color-badge-grey-text);
      font-size:var(--font-13);
      font-weight:var(--font-weight-500);
  }
  .round{
      border:var(--space-2) solid var(--color-badge-grey-bg);
      border-radius:var(--radius-full);
      height:var(--space-30);
      justify-content:center;
      margin-right:var(--space-5);
      width:var(--space-30);
  }
  .round,.stage{
      align-items:center;
      display:flex;
}
  .stage{
    justify-content:flex-start;
    margin:var(--space-5);
}
span.stage-name{
    color:var(--color-badge-grey-text);
    font-size:var(--font-12);
    font-weight:var(--font-weight-500);
    line-height:var(--line-height-1);
}
.section-one > div{
    margin-bottom:var(--space-0)!important;
    width:var(--space-130);
}
.btn-build{
    align-items:center;
    background-color:var(--color-tertiary-500);
    border:none;
    border-radius:var(--radius-4);
    box-shadow:var(--space-1) var(--space-1) var(--space-5) var(--space-1) var(--color-grey-300);
    color:var(--color-white);
    display:flex;
    font-size:var(--font-12);
    font-weight:var(--font-weight-500);
    justify-content:center;
    padding:var(--space-8) 6px;
    width:var(--space-90);
}
.btn-build span.ri-play-fill{
    color:var(--color-white);
    font-size:var(--font-15)!important;
    margin-right:var(--space-0);
}
.section-one{
    display:grid;
    gap:var(--space-10);
    grid-template-columns:auto auto;
}
.section-input{
    grid-template-columns:8% 38% 38% 10%;
    grid-gap:var(--space-10);
}
.section-input,.section-input-grid-5{
    align-items:center;
    display:grid;
    gap:var(--space-10);
    justify-content:space-between;
}
.section-input-grid-5{
    grid-template-columns:7% 26% 26% 22% 10%;
    grid-gap:var(--space-10);
}
.section-input-grid-5 .card-header{
    background-color:initial;
    border:none;
    border-radius:var(--radius-0);
    width:var(--space-195);
}
.section-input-temp-5{
    align-items:center;
    display:grid;
    gap:1%;
    grid-template-columns:8% 25% 25% 25% 9%;
    justify-content:space-between;
    position:relative;
}
.section-input .input-component{
	margin-bottom:0;
}
.section-input .input-component input{
    height:var(--space-40);
    padding:var(--space-0) 14px;
}
.self-align-end{
    align-self:self-end;
}
.section-input .input-component .select{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-grey-400);
    border-radius:var(--radius-4);
    color:var(--color-badge-grey-text);
    display:block;
    height:var(--space-40);
    line-height:var(--line-height-2);
    margin:var(--space-0);
    padding:var(--space-0) 14px;
    width:100%;
}
.input-label-chip,.section-input .input-component .select{
    font-size:var(--font-12);
    font-weight:var(--font-weight-400);}
.input-label-chip{ 
    color:var(--color-grey-600);}

.hint-text-chip{
    color:var(--color-grey-500);
    font-size:var(--font-10);
    font-weight:var(--font-weight-400);
    margin-left:var(--space-5);
}

.error-msg-service-card{
    background-color:#d9534f1a;
    border:var(--space-2) solid var(--color-error-300);
    border-radius:var(--radius-5);
    color:var(--color-error-500);
    font-size:var(--font-11);
    font-weight:var(--font-weight-400);
    height:fit-content;
    line-height:var(--line-height-3);
    margin:auto;
    text-align:center;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    vertical-align:middle;
    width:100%;
}
.pd-tb{
    padding-top:var(--space-0)!important;
}
.pd-bottom,.pd-tb{
    padding-bottom:var(--space-0)!important;
}
.details-tab>.label-env select.select{
    border:var(--space-1) solid var(--color-grey-300)!important;
    box-shadow:none!important;
    height:var(--space-30);
    margin:var(--space-0) 10px;
    overflow:hidden;
    padding:var(--space-0) 8px;
    text-overflow:ellipsis;
    width:120px!important;
}
.blank-div-button{
    border:var(--space-2) solid var(--color-tertiary-500);
    border-radius:var(--radius-4);
    color:var(--color-tertiary-500);
    display:inline-block;
    font-size:var(--font-12);
    height:var(--space-35);
    line-height:var(--line-height-2-5);
    margin:var(--space-0) 10px;
    text-align:center;
    width:var(--space-140);
}
.blank-div-button:hover{
    background-color:var(--color-tertiary-500);
    color:var(--color-white);
    transition:2ms ease-in-out;
}
.overview-no-env{
    color:var(--color-badge-grey-text);
    display:contents

}
.number-input-with-btn >  input[type="number"]{
    -moz-appearance:textfield;
    outline:none;
}
.number-input-with-btn input[type=number]::-webkit-inner-spin-button, 
.number-input-with-btn input[type=number]::-webkit-outer-spin-button{
    appearance:none;
}
.main-box-search-for .gb_Lf{
    margin-right:var(--space-96);
}
.main-box-search-for{
    height:var(--space-46);
    margin-left:var(--space-56);
    margin-right:var(--space-49);
    overflow:hidden;
    padding:0;
}
.service-lising-detailed-card .details-label{
    align-items:flex-end;
    grid-template-columns:1fr var(--space-300);
    padding:var(--space-0);
}
.service-lising-detailed-card .details-label .sub-section{
    align-items:center;
    display:grid;
    grid-template-columns:1fr var(--space-50);
    margin-bottom:var(--space-8);
}
.service-lising-detailed-card .details-label .headerul{
    background-color:var(--color-white);
    border:none;
}
.display-serach-bar{
    align-items:center;
    background:var(--color-grey-000);
    display:grid;
    gap:var(--space-20);
    grid-template-columns:1fr var(--space-220);
    height:var(--space-84);
    overflow:hidden;
    padding:var(--space-15);
}
.display-serach-bar,.hide-search-bar{
    transition:height .5s,padding-top .5s,padding-bottom .5s;
}
.hide-search-bar{
    height:var(--space-0);
    padding-bottom:0;
    padding-top:0;
}
.logs_search_bar .input-component{
    margin-bottom:var(--space-0);
}
.logs_search_bar .input-component input{
    background-color:var(--color-grey-100);
    border:none;
    outline:none;
}
.logs_search_bar .input-component input::placeholder{
    color:var(--color-grey-400)!important;
    font-size:var(--font-14);
}
.logs_search_bar .input-component input:focus{
    border:none!important;
    outline:none!important;
}
.flip-card{
    transform-style:preserve-3d;
}
.flip-card,.flipped-screen{
    transition:transform .8s;
}
.flipped-screen{
    transform:rotateY(180deg);
    transform-style:preserve-3d;
}
.flipped-screen-logsview{
    background-color:var(--color-content-primary);
    color:var(--color-grey-300);
    display:grid;
    font-size:var(--font-12);
    grid-template-columns:var(--space-50) 1fr;
    height:75vh;
    overflow:auto;
    position:relative;
    width:100%;
}
.flipped-screen-logsview::-webkit-scrollbar{
    height:var(--space-3);
    width:.8em!important
}
.left-block-flipped{
    background-color:var(--color-grey-800);
    border-right:var(--space-10) solid var(--color-grey-900);
    color:var(--color-grey-600);
    text-align:center
}
.logs-para-flipped{
    height:75vh;
    overflow:scroll;
    width:100%
}
.right-block-flipped{
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.grid-temp-log-line-flipped{
    grid-template-columns:var(--space-50) 1fr
}
.greish-flipped{
    background-color:var(--color-grey-800);
    border-right:var(--space-10) solid var(--color-grey-900);
    color:var(--color-grey-300);
    text-align:center;
    width:var(--space-50)
}
.flipped-screen-header{
    align-items:center;
    display:flex;
    height:var(--space-85);
}
.btn-close-icon{
    color:var(--color-badge-grey-text);
    font-size:var(--font-42);
    font-weight:var(--font-weight-100);
}


.error-msg-403{
    align-items:center;
    background-color:#d9534f1a;
    border:var(--space-2) solid var(--color-error-300);
    border-radius:var(--radius-5);
    display:flex;
    height:var(--space-150) !important;
    justify-content:center;
    text-align:center;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    vertical-align:middle;
    width:100%;
}

.error-msg-403 .error-msg{
    color:var(--color-error-500);
    font-size:var(--font-11);
    font-weight:var(--font-weight-400);
    line-height:var(--line-height-3);
    margin:auto;

}
.checkbox-with-dropdown{
    display:block;
}
.checkbox-with-dropdown input[type="checkbox"],.checkbox-with-dropdown label{
    display:inline-block;
}
.head-panel-section{
    align-items:center;
    display:flex;
    justify-content:space-between;
}
.seprator{
    background-color:var(--color-grey-100);
    height:var(--space-1);
    margin:var(--space-10) var(--space-0);
    width:100%;
}

.seprator-vertical{
    align-self:stretch;
    background-color:#f4f4f4;
    flex:0 0 1px;
    height:100%;
    margin:0 10px;
}

.service-basic-details{
    align-items:center;
    display:flex;
    justify-content:center;
}
.service-basic-details .service-name .text-section{
    margin:var(--space-5);
}
.s_name__heading{
    line-height:var(--line-height-1);
}
.service-name{
    margin:var(--space-0) var(--space-0);
}
.round-check-box,.service-name{
    align-items:center;
    display:flex;
}
.round-check-box{
    border:var(--space-2) solid var(--color-success-400);
    border-radius:var(--radius-full);
    height:var(--space-30);
    justify-content:center;
    margin:var(--space-0) var(--space-0) var(--space-0) .5rem;
    width:var(--space-30);
}
.round-check-box .ri-check-fill{
    color:var(--color-success-400)!important;
}
.text-section{
    line-height:var(--line-height-1);
    margin:var(--space-0) var(--space-0) var(--space-0) 5px;
}
.text-section p{
    font-weight:var(--font-weight-500);
}
.text-section p,.text-section span{
    font-size:var(--font-11);
    line-height:var(--line-height-1);
}
.text-section span{
    color:var(--color-badge-grey-text);
    font-weight:var(--font-weight-400);
}
.sub-heading{
    font-size:var(--font-11);
    line-height:var(--line-height-1);
    margin-right:var(--space-5);
}
.color-dark{
    color:var(--color-black)!important;
    font-weight:var(--font-weight-400)!important;
}
.card-add-service{
    background-color:var(--color-white);
    border:var(--space-1) solid var(--color-badge-grey-bg);
    border-radius:var(--radius-8);
    overflow:hidden;
    padding:var(--space-0) var(--space-0) 10px;
}
.service-completion{
    align-items:baseline;
    display:flex;
}
.card-add-service-head{
    align-items:center;
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-badge-grey-bg);
    display:flex;
    height:var(--space-50);
}
.card-add-service-head h4.mainHeading{
    color:var(--color-badge-grey-text);
    font-size:var(--font-13);
    font-weight:var(--font-weight-400);
    line-height:var(--line-height-1-5);
}
.card-body-flex{
    border-radius:var(--radius-0) var(--radius-0) var(--radius-8) var(--radius-8);
    padding-bottom:var(--space-10);
}
.head-div{
    align-items:center;
    display:flex;
    height:var(--space-50);
    padding:var(--space-10);
}
.head-div div:nth-child(2),.input-radio-d-flex > div{
    margin-bottom:var(--space-0)!important;
}
.input-radio-d-flex > div{
        align-items:center;
        background-color:var(--color-grey-000);
        border-bottom:var(--space-1) solid var(--color-border-grey);
        display:flex!important;
}
.input-radio-d-flex > div,.pd-2{
        padding:var(--space-10);
}
.with-header{
    background-color:var(--color-grey-000);
    border-bottom:var(--space-1) solid var(--color-border-grey);
    margin-top:0!important;
}
.grid-container > div > div,.with-header{
    margin-bottom:0!important;
}
.bold-text-purple{
    
    align-self:flex-start;
    color:var(--color-info-500)!important;
    font-size:var(--font-36);
    font-weight:var(--font-weight-900);
    margin-top:calc(var(--space-7)*-1);
}
.go-to-dashboard{
    width:var(--space-190)
}
.go-to-dashboard a:visited{
    color:var(--color-white);
}
.bold-text-purple .ri-checkbox-circle-fill{
    color:var(--color-info-500)!important;
    font-family:remixicon,sans-serif;
    font-size:var(--font-25)!important;
    font-style:normal;
    margin:var(--space-0) var(--space-5) var(--space-0) var(--space-0);
    margin-left:var(--space-0)!important;
}
.sentence-text-purple{
    color:var(--color-info-400);
    display:inline-block;
    font-size:var(--font-24);
    margin-bottom:var(--space-10);
    margin-right:var(--space-5);
}
.sentence-text-black,.sentence-text-purple{
    
    font-weight:var(--font-weight-900);
    line-height:var(--line-height-1-2);
}
.sentence-text-black{
    color:var(--color-black);
    font-size:var(--font-18);
}
.color-purple{
    color:var(--color-info-400);
}
.section-completion{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin:var(--space-10);
}
.service-name-section{
    align-items:center;
    display:flex;
    padding-top:var(--space-32);
}
.service-name-section .service-name{
    font-size:var(--font-16);
    font-weight:var(--font-weight-900);
    line-height:var(--line-height-1);
    margin:var(--space-0);
}
.tagline{
    color:var(--color-grey-500);
    font-size:var(--font-11);
}
.span-class,.tagline{
    
    line-height:var(--line-height-1);
}
.span-class{
    margin:var(--space-0) 5px;
}
.alert-card{
    align-items:center;
    background:var(--color-white);
    border:var(--space-1) solid var(--color-border-grey);
    border-radius:var(--radius-8);
    display:flex;
    height:var(--space-150);
    justify-content:center;
    left:var(--space-550);
    margin:auto;
    padding:var(--space-10);
    position:fixed;
    top:var(--space-300);
    width:var(--space-450);
    z-index:999999999;
}
.icon-alert{
    align-self:flex-start;
}
.icon-alert  .ri-information-fill{
    font-family:remixicon,sans-serif;
    font-size:var(--font-25)!important;
    font-style:normal;
    margin-left:var(--space-0)!important;
}

.alert-text-box{
    align-self:flex-start;
}
.text{
    color:var(--color-badge-grey-text);
    font-size:var(--font-13);
    line-height:var(--line-height-1);
}
.main-text-with-option{
    color:var(--color-black);
    font-size:var(--font-13);
    line-height:var(--line-height-3);
}
.main-text-with-option a{
    color:var(--color-info-400);
}
.overlay{
    background-color:#0000004d;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999999;
}
.btn-alert{
    background-color:initial;
    border:none;
    color:var(--color-tertiary-500)!important;
}
.error-display> div{
    margin-bottom:var(--space-0)!important;
}
.section-m-t-b{
    margin-top:var(--space-20);
}
.content-alert-box{
    display:flex;
}
.md-stepper-horizontal-rmp{
    width:100% !important;
    
    }
    
    .md-stepper-horizontal-rmp,.md-stepper-wrapper .md-stepper-horizontal-rmp{
    background-color:var(--color-grey-000);
    display:flex;
    margin:0 auto;
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp{
    width:80% !important;
    }
    
    .md-stepper-horizontal-rmp .md-step{
    padding:var(--space-24);
    position:relative;
    width:inherit;
    }
    
    .md-stepper-horizontal-rmp .md-step:active{
    border-radius:15% / 75%;
    }
    
    .md-stepper-horizontal-rmp .md-step:first-child:active{
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    }
    
    .md-stepper-horizontal-rmp .md-step:last-child:active{
    border-bottom-right-radius:0;
    border-top-right-radius:0;
    }
    
    .md-stepper-horizontal-rmp .md-step:hover .md-step-circle{
    background-color:var(--color-grey-000);
    }
    
    .md-stepper-horizontal-rmp .md-step:first-child .md-step-bar-left,.md-stepper-horizontal-rmp .md-step:first-child .md-step-bar-logs-left,.md-stepper-horizontal-rmp .md-step:last-child .md-step-bar-logs-right,.md-stepper-horizontal-rmp .md-step:last-child .md-step-bar-right{
    display:none;
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-circle{
    align-items:center;
    background:var(--color-grey-100);
    border:var(--space-2) solidvar(--color-grey-300);
    border-radius:var(--radius-full);
    color:var(--color-black);
    display:flex;
    font-size:var(--font-9);
    font-weight:var(--font-weight-400);
    height:var(--space-28);
    justify-content:center;
    margin:0 auto;
    text-align:center;
    width:var(--space-28);
    }
    
    .md-stepper-horizontal-rmp .md-step.active:hover,.md-stepper-horizontal-rmp .md-step.active:hover .md-step-circle{
    cursor:pointer;
    
    }
    
    .md-stepper-horizontal-rmp .md-step.active:hover .md-step-circle .stepper-icon{
    cursor:pointer;
    display:block !important;
    }
    
    .md-stepper-horizontal-rmp .md-step.active:hover .success-circle{
    border:var(--space-3) solid var(--color-success-700) !important;
    }
    
    .md-stepper-horizontal-rmp .md-step.active:hover .md-step-title{
    color:var(--color-content-secondary) !important;
    }
    
    
    #changes .md-stepper-horizontal-rmp .md-step.active .md-step-circle.disable{
    border:var(--space-3) solid var(--color-grey-600);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.current{
    border:var(--space-3) solid var(--color-tertiary-500);
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step.active .md-step-circle.current{
    border:var(--space-3) solid #0000;
    }
    
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.success{
    background:var(--color-pastel-green);
    border:var(--space-2) solid var(--color-success-200);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.skipped{
    border:var(--space-3) solid var(--color-grey-400);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.fail{
    background:var(--color-pastel-red);
    border:var(--space-3) solid var(--color-error-500);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.log-fail,.md-stepper-horizontal-rmp .md-step.active .md-step-circle.log-running,.md-stepper-horizontal-rmp .md-step.active .md-step-circle.log-success{
    border:var(--space-0);
    }
    
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.purple{
    border:var(--space-3) solid var( --color-badge-purple-bg);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.yellow{
    border:var(--space-3) solid var(--color-secondary-400);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.default{
    border:var(--space-3) solid var(--color-tertiary-500);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.running{
    background:var(--color-pastel-blue-3);
    border:var(--space-2) solid var(--color-tertiary-500);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.stopped{
    border:var(--space-3) solid var(--color-error-400);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.running-only{
    animation:single-div-spin 1s linear infinite;
    border:var(--space-3) solid var(--color-tertiary-500);
    border-top-color:var(--color-tertiary-500);
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step.active .md-step-circle{
    border:var(--space-3) solid #0000;
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle{
    border:var(--space-3) solid var(--color-badge-grey-bg);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.pending{
    border:var(--space-3) solid var(--color-error-300);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.approval-pending{
    background:var(--color-pastel-blue-2);
    border:var(--space-2) solid var(--color-badge-purple-text);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-circle.revoke{
    background:var(--color-pastel-yellow);
    border:var(--space-2) solid var(--color-warning-500);
    }
    
    
    
    .md-step-circle .ri-alert-fill{
    color:var(--color-error-300) !important;
    }
    
    .md-step-circle .ri-alert-fill,.md-step-circle .ri-calendar-event-fill{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    margin:0;
    }
    
    .md-step-circle .ri-calendar-event-fill{
    color:var(--color-secondary-400) !important;
    }
    
    .md-step-circle .ri-thumb-up-fill{
    align-items:center;
    color:var( --color-badge-purple-bg) !important;
    display:flex;
    height:100%;
    justify-content:center;
    margin:0;
    }
    
    .md-step-circle .ri-alert-fill{
    font-size:var(--font-14) !important;
    }
    
    .md-stepper-horizontal-rmp .md-step.done .md-step-circle:before{
    content:"\f00c";
    font-family:FontAwesome,sans-serif;
    font-weight:var(--font-weight-100);
    }
    
    .md-stepper-horizontal-rmp .md-step.done .md-step-circle *,
    .md-stepper-horizontal-rmp .md-step.editable .md-step-circle *{
    display:none;
    }
    
    .md-stepper-horizontal-rmp .md-step.editable .md-step-circle{
    transform:scaleX(-1);
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-title{
    font-size:var(--font-11);
    font-weight:var(--font-weight-400);
    margin-top:var(--space-5);
    }
    
    
    .md-stepper-horizontal-rmp .md-step .md-step-optional,.md-stepper-horizontal-rmp .md-step .md-step-title{
    color:#00000042;
    text-align:center;
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-title{
    color:var(--color-content-tertiary);
    font-weight:var(--font-weight-600);
    line-height:var(--line-height-1-2);
    }
    
    .md-stepper-horizontal-rmp .md-step.active.done .md-step-title,
    .md-stepper-horizontal-rmp .md-step.active.editable .md-step-title{
    font-weight:var(--font-weight-400);
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-optional{
    font-size:var(--font-9);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-optional{
    color:#0000008a;
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-bar-left,
    .md-stepper-horizontal-rmp .md-step .md-step-bar-right{
    border-top:var(--space-3) solid var(--color-badge-grey-bg);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-wrapper .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-left,
    .md-stepper-wrapper .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-right{
    border-top:var(--space-3) solid var(--color-grey-300);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-bar-logs-left,.md-stepper-horizontal-rmp .md-step .md-step-bar-logs-right,.md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-left,.md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-right{
    border-top:var(--space-3) solid var(--color-badge-grey-bg);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].current,.md-stepper-wrapper .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].current{
    border-top:var(--space-3) solid var(--color-tertiary-500);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].disable{
    border-top:var(--space-3) solid var(--color-grey-600);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].success{
    border-top:var(--space-3) solid var(--color-success-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].success{
    border-top:var(--space-3) solid var(--color-success-500) !important;
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step.active .md-step-circle.success{
    border:var(--space-3) solid #0000 !important;
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].skipped{
    border-top:var(--space-3) solid var(--color-grey-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].fail{
    border-top:var(--space-3) solid var(--color-error-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].purple{
    border-top:var(--space-3) solid var( --color-badge-purple-bg);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-"].yellow{
    border-top:var(--space-3) solid var(--color-secondary-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-left,
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-right{
    border-top:var(--space-3) solid var(--color-grey-300);
    }
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].current{
    border-top:var(--space-3) solid var(--color-tertiary-500);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].default{
    border-top:var(--space-2) solid var(--color-info-500);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36)
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].disable{
    border-top:var(--space-3) solid var(--color-grey-600);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].success{
    border-top:var(--space-2) solid var(--color-success-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].skipped{
    border-top:var(--space-2) solid var(--color-grey-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].fail{
    border-top:var(--space-2) solid var(--color-warning-500);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].purple{
    border-top:var(--space-3) solid var( --color-badge-purple-bg);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    .md-stepper-horizontal-rmp .md-step [ class^="md-step-bar-logs"].yellow{
    border-top:var(--space-3) solid var(--color-secondary-400);
    height:var(--space-1);
    position:absolute;
    top:var(--space-36);
    }
    
    
    
    
    
    .md-stepper-horizontal-rmp .md-step .md-step-bar-right{
    left:50%;
    margin-left:var(--space-15);
    right:0;
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-bar-logs-right{
    left:50%;
    margin-left:var(--space-30);
    right:0;
    }
    
    
    .md-stepper-horizontal-rmp .md-step .md-step-bar-left{
    left:0;
    margin-right:var(--space-15);
    right:50%;
    }
    
    .md-stepper-horizontal-rmp .md-step .md-step-bar-logs-left{
    left:0;
    margin-right:var(--space-30);
    right:50%;
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-right{
    left:55%;
    margin-left:var(--space-15);
    right:0;
    }
    
    .md-stepper-wrapper .md-stepper-horizontal-rmp .md-step .md-step-bar-left{
    left:0;
    margin-right:var(--space-15);
    right:55%;
    }
    
    
    
    .md-step-log{
    padding:var(--space-24) 24px var(--space-0) !important;
    }
    .md-step-log-new{
    padding:var(--space-16) 24px var(--space-0) !important;
    }
    
    .md-stepper-horizontal-rmp-new{
    align-items:start;
    display:flex;
    justify-content:center;
    width:100%;
    }
    
    .md-stepper-horizontal-rmp-new::-webkit-scrollbar{
    display:none;
    }
    .bg-white .md-stepper-horizontal-rmp,.new-overview-card .md-stepper-horizontal-rmp{
    background-color:var(--color-white);
    }
    .horizontal-tab-scroll .md-stepper-horizontal-rmp{
    max-width:var(--space-960);
    overflow-x:scroll;
    }
    
    @media screen and (max-width:1200px){
    .horizontal-tab-scroll .md-stepper-horizontal-rmp{
    margin:auto;
    overflow-x:scroll;
    width:var(--space-900);
    }
    }
    
    .steplogswrapper .loading-div .md-stepper-horizontal-rmp{
    max-width:var(--space-1250);
    overflow-x:scroll;
    }
    
    
    .stepper-div .md-stepper-horizontal-rmp{
    overflow-x:scroll;
    }
    
    @media screen and (min-width:1440px) and (max-width:1920px){
    body{
    font-size:var(--font-16);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-title{
    font-size:var(--font-13);
    }
    
    .heading-primary{
    font-size:var(--font-20);
    }
    
    .input-label,.sub-heading-primary{
    font-size:var(--font-14);
    }
    
    .input-label{
    color:var(--color-content-primary);
    font-weight:var(--font-weight-500);
    }
    
    .side-nav-dialog .MuiDialog-scrollPaper{
    justify-content:flex-start;
    margin-left:calc(var(--sidebar-width-collapsed) + var(--sidebar-secondary-width));
    margin-right:var(--space-0);
    }
    
    
    }
    
    @media screen and (min-width:1921px){
    body{
    font-size:var(--font-18);
    }
    
    .md-stepper-horizontal-rmp .md-step.active .md-step-title{
    font-size:var(--font-16);
    }
    }
    
    
    .md-stepper-horizontal-rmp .tab-container{
    background:var(--color-white);
    box-shadow:var(--space-0) var(--space-4) var(--space-24) var(--space-0) var(--color-overlay-black-11);
    display:flex;
    height:var(--space-75);
    width:100%;
    }


.snackbar-wrapper .MuiAlert-root{
    align-items:center;
    background-color:var(--color-white) !important;
    border-left:var(--space-5) solid #0000;
    border-radius:var(--radius-10);
    box-shadow:var(--space-0) var(--space-20) var(--space-34) var(--space-0) var(--color-overlay-black-11);
    display:flex;
    min-width:var(--space-330);
    padding:var(--space-16) 20px;
  }
  .snackbar-wrapper .MuiAlert-message{
    padding:var(--space-0) !important;
  }
  .snackbar-wrapper .MuiAlert-root.MuiAlert-standardError{
    border-color:var(--color-error-400);
  }
  
  .snackbar-wrapper .MuiAlert-root.MuiAlert-standardSuccess{
    border-color:var(--color-success-400);
  }
  .snackbar-custom-alert{
    align-items:center;
  }
  .snackbar-wrapper .MuiAlert-icon{
    display:none !important;
  }
  .snackbar-custom-alert .btn-transparent:hover{
    background-color:initial!important;
  }


.page-root-class{
    background-color:var(--color-badge-grey-bg);
    height:calc(100% - 60px);
    overflow:auto;
    padding-left:var(--space-35);
    padding-right:var(--space-35);
    padding-top:var(--space-65);
}
.btn-v2{
    background-color:initial;
    border:var(--space-0);
    border-radius:var(--radius-4);
    font-size:var(--font-12);
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-icon-v2{
    font-size:var(--font-24);
    font-weight:var(--font-weight-300);
}
.btn-icon-secondary-v2 .MuiSvgIcon-root{
    color:var(--color-content-tertiary);
}
.btn-icon-round-v2{
    border-radius:var(--radius-8);
    padding:var(--space-12);
}
.heading-icon{
    background-color:var(--color-white);
    border-radius:var(--radius-4);
    height:var(--space-55);
    width:var(--space-55);
}
.heading-icon .icon-vs{
    height:var(--space-28);
    width:var(--space-28);
}
.text-color-primary{
    color:var(--color-grey-900);
}
.single-img-card{
    background-color:var(--color-white);
    border-radius:var(--radius-8);
    height:var(--space-136);
    margin:auto;
    width:var(--space-195);
}
.icon-bg-grey{
    background-color:var(--color-pastel-blue-2);
    border-radius:var(--radius-35);
    height:var(--space-70);
    width:var(--space-70);
}
.footer-bottom{
    bottom:0;
    color:var(--color-white);
    left:0;
    padding:var(--space-10);
    position:absolute;
    text-align:right;
    width:100%;
}
.auto-complete-bg-white .MuiAutocomplete-root,.footer-bottom{
    background-color:var(--color-white);
}
.bouncing-loader-new{
    align-items:center;
    display:flex;
    gap:var(--space-2);
  }
  
  .bouncing-dot{
    animation-direction:alternate;
    animation-duration:1.2s;
    animation-fill-mode:both;
    animation-iteration-count:infinite;
    animation-name:bouncing-loader-new;
    animation-timing-function:linear;
    border-radius:var(--radius-full);
    height:var(--space-12);
    opacity:1;
    transform:translateY(-5px);
    width:var(--space-12);
  }
  
  @keyframes bouncing-loader-new{
    0%{
      transform:translateY(-5px);
    }
    85%{
      transform:translateY(-5px);
    }
    100%{
      opacity:1;
      transform:translateY(-13px);
    }
  }
  .delay-0{ animation-delay:0s; }
  .delay-1{ animation-delay:.2s; }
  .delay-2{ animation-delay:.4s; }
  .delay-3{ animation-delay:.6s; }
  .delay-4{ animation-delay:.8s; }
  .delay-5{ animation-delay:1s; }
  .delay-6{ animation-delay:1.2s; }
  .delay-7{ animation-delay:1.4s; }
  
.chat-loader{
    aspect-ratio:1;
    height:var(--space-11);
    width:var(--space-11);
    --_g:no-repeat radial-gradient(farthest-side,#182a4e 94%,var(--color-black));
    animation:l38 .5s infinite;
    background:var(--_g) 0 0, var(--_g) 100% 0, var(--_g) 100% 100%, var(--_g) 0 100%;
    background-size:40% 40%; 
  }
  @keyframes l38{
    100%{background-position:100% 0,100% 100%,0 100%,0 0}
  }

/*# sourceMappingURL=main.e02448ec.css.map*/