@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}
.MuiDataGrid-cell.MuiDataGrid-cellEmpty{
  display: none !important;
}

.MuiDataGrid-filler{
  display: none !important;
}

.grid-button-box {
  height: auto;
  display: flex;
}
.grid-button button {
  background: none !important;
  padding: 0 6px !important;
}

.stepbox1 {
    display: flex;
    flex-wrap: wrap;
}

p.MuiTypography-root.MuiTypography-body1.css-k1uxd2-MuiTypography-root {
  font-size: 14px;
  font-weight: normal;
  color: rgba(0,0,0,0.6);
  width: auto;
  float: left;
  margin: 3px;
}

.myClass button{
   text-transform: uppercase;
   width: 110px;
   height: 48px;
   max-width: 110px;
  min-width: auto;
}


.stepbox .MuiStepConnector-horizontal {
  top: 12px;
  left: calc(-50% + 12px);
  right: calc(50% + 12px);
}

.Mui-active .MuiStepConnector-line, .Mui-completed .MuiStepConnector-line{
  border-color: #1e3a8a;
}

.contentbox > div {
  margin: 20px 0;
}

.stepbox  .MuiStep-horizontal {
  padding: 0px;
}

body .stepbox .MuiStepConnector-horizontal {
  top: 45px;
  left: calc(-50% + 12px);
  right: calc(50% + 12px);
}

body .stepbox svg {
  border: 2px solid #1e3a8a;
  border-radius: 100%;
}

body .stepbox svg.Mui-active,
body .stepbox svg.Mui-completed {
  border:none
}

body .stepbox svg text {
  display: none;
}

.stepbox > span > span:last-child {
  order: -1;
  margin-bottom: 7px;
}

.stepbox > span > span:last-child span {
  margin-top: 0;
}

@media(min-width:901px) and (max-width:1350px) {
    .loginbox {
  flex-wrap: nowrap  !important;
}
}

@media(max-width:767px) {
  .searchContainer {
  flex-grow: 1;
  max-width: 600px;
  margin-right: 16px;
  label, fieldset {
    display: none !important;
  }
  > div {
     > div {
         width:100% !important;
       svg path {
            fill:#5A5881
       }
       input {
         color:#5A5881;
         font-size: 14px;
         padding-left:8px;
       }
    }
  }
} 
body .stepbox .MuiStepConnector-horizontal {
top: 12px;
    left: calc(-50% + -3px);
    right: calc(50% + 12px);
    z-index: 0;
}

.stepbox1 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 50;
  min-width: 50px;
    max-width: 50px;
}

body .stepbox svg {
  border: 2px solid #1e3a8a;
  border-radius: 100%;
}

body .stepbox svg.Mui-active,
body .stepbox svg.Mui-completed {
  border:none
}

body .stepbox svg text {
  display: none;
}

.stepbox > span > span:last-child {
  order: 0;
  margin-bottom: 7px;
}

  body .stepbox .MuiStepConnector-horizontal {
    top: 12px;
    left: -24px;
    right: 0;
    z-index: 0;
    width: 66%;
  }

.stepbox > span > span:last-child span {
  margin-top: 0;
  font-size: 11px;
  line-height: 13px;
    margin-top: 9px;
}
.mobiledesign {
  border: none !important;
  padding: 0 !important;  
}
.mobiledesign > form > div {
  margin: 0px 0 15px 0;
  border: none;
    padding: 0;
}

.createschedrop p {
  font-size: 20px;
}

.createschedrop  form > div {
   gap: 0;
}

.createschedrop  form  button {
  width: auto !important;
    margin: 0 !important;
}
.mobilebutton > div {
  margin: 0;
  border-top: 1px solid #d3d3d3;
  width: 100%;
  margin-top: 20px;
}

.mobilebutton > div  button {
  width: auto !important;
}
}

/* .stepbox1 span:first-child {
    order: 1;
} */