body{
  font-family: 'Open Sans', sans-serif;
}

.borderColor{
  border: 1px solid #808080 !important;
}

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

.MuiTableCell-head{
  background-color: #4caf50 !important;
  color: #fff !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .stickey-tab{
      position: fixed !important;
      left: 0px !important;
      top: 64px !important;
      width: 100% !important;
      max-width: 100% !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .stickey-tab{
      position: fixed !important;
      left: 0px !important;
      top: 64px !important;
      width: 100% !important;
      max-width: 100% !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .stickey-tab{
      position: fixed !important;
      left: 0px !important;
      top: 64px !important;
      width: 100% !important;
      max-width: 100% !important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .stickey-tab{
      position: fixed !important;
      top: 64px !important;
      left: 0px !important;
      width: 100% !important;
      max-width: 100% !important;
  }
}

/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {
  .stickey-tab{
      position: fixed !important;
      top: 64px !important;
      left: 0px !important;
      width: calc(100%-350px) !important;
      max-width: 100% !important;
  }
}

/* Extra large devices (large laptops and desktops, 1280px and up) */
@media only screen and (min-width: 1280px) {
  .stickey-tab{
      position: fixed !important;
      top: 64px !important;
      left: 260px !important;
      width: calc(100%-350px) !important;
      max-width: 80% !important;
  }
}

/* Extra large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1600px) {
  .stickey-tab{
      position: fixed !important;
      top: 64px !important;
      left: 260px !important;
      width: calc(100%-350px) !important;
      max-width: 80% !important;
  }
}

.MuiTypography-root {
  margin: 0;
}
.MuiTypography-body2 {
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: 0.01071em;
}
.MuiTypography-body1 {
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.00938em;
}
.MuiTypography-caption {
  font-size: 0.75rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
}
.MuiTypography-button {
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
}
.MuiTypography-h1 {
  font-size: 35px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.167;
  letter-spacing: -0.24px;
}
.MuiTypography-h2 {
  font-size: 29px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.24px;
}
.MuiTypography-h3 {
  font-size: 24px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.167;
  letter-spacing: -0.06px;
}
.MuiTypography-h4 {
  font-size: 20px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.235;
  letter-spacing: -0.06px;
}
.MuiTypography-h5 {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  line-height: 1.334;
  letter-spacing: -0.05px;
}
.MuiTypography-h6 {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.05px;
}
.MuiTypography-subtitle1 {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.MuiTypography-subtitle2 {
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: 0.00714em;
}
.MuiTypography-overline {
  font-size: 0.75rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 2.66;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
}
.MuiTypography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.MuiTypography-alignLeft {
  text-align: left;
}
.MuiTypography-alignCenter {
  text-align: center;
}
.MuiTypography-alignRight {
  text-align: right;
}
.MuiTypography-alignJustify {
  text-align: justify;
}
.MuiTypography-noWrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiTypography-gutterBottom {
  margin-bottom: 0.35em;
}
.MuiTypography-paragraph {
  margin-bottom: 16px;
}
.MuiTypography-colorInherit {
  color: inherit;
}
.MuiTypography-colorPrimary {
  color: #4caf50;
}
.MuiTypography-colorSecondary {
  color: #8bc34a;
}
.MuiTypography-colorTextPrimary {
  color: #263238;
}
.MuiButton-containedPrimary {
  color: #fff;
  background-color: '#b95478';
}
.nowrap{
  text-overflow: ellipsis;
  overflow: hidden;
  width: 250px;
  height: 1.2em;
  white-space: nowrap;
  float: left;
}
.imgFluid{
  width:auto;
  max-width: 100%;
  height: auto;
}
.textError{
  color: #e53935
}
.MuiInputLabel-outlined.MuiInputLabel-marginDense {
  transform: translate(14px, 12px) scale(1);
  font-size: 15px;
}

.audit-table{
  border: 1px solid green;
}
.audit-table .audit-table-color {
  border-color: green;
}
.audit-table tr:last-child .audit-table-color {
  border: unset;
}

.white-space-no-wrap {
  white-space: nowrap;
}

.MuiTableCell-root {
  padding: 7px !important;
}

.sidebar > div::-webkit-scrollbar{
  width: .5rem !important;
}
  
.sidebar > div::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}
  
.sidebar > div::-webkit-scrollbar-thumb{
  border-radius: 3px;
  background-color: #ccc;
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

@media screen and (min-width: 1024px) {
  .audit-table{
      overflow-x: hidden !important;
  }
}

.MuiFormControl-marginNormal {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}


.table-column-form-fields div label {
  font-size: 10px !important;
  font-weight: 500;
}
.table-column-form-fields .MuiInputLabel-outlined.MuiInputLabel-marginDense {
  
  transform: translate(6px, 12px) scale(1) !important;
}
.table-column-form-fields .MuiInputLabel-outlined.MuiInputLabel-shrink {
  
  transform: translate(12px, -6px) scale(1) !important;
}

.table-column-form-fields div .MuiInputBase-formControl input {
  font-size: 14px !important;
}

.table-column-form-fields div .Mui-error {
  font-size: 10px !important;
  font-weight: 500;
}

.radio_box h6{
  line-height: 1.75 !important;
}
.answers_container{
  border-radius:0px !important;
}
.answers_container .MuiTableCell-root {
  border: 1px solid #808080 !important; 
}
.answers_container tr:hover{
  background:#ebebeb;
}
/* schedule calendar css  */
.rbc-event{
  background-color: transparent !important;
}

.calendar-table td, .calendar-table th{
  border: 1px solid rgba(224, 224, 224, 1);
}

.highlight-content{
  font-size: 12px;
  padding-left: 10px;
  padding: 5px;
  color: red;
  background: #d3f9d3;
}