.main .container-fluid {
  padding: 0 0px !important;
  
}

.card-header {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  /* background-color: white !important; */
}

/*fromsection*/
.sc-fNHLbd {
  padding: 5px !important;
}

.hLyGge {
  width: 100% !important;
}

.container-fluid {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.RRT__panel {
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

body {
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif; */
    font-family: 'Roboto' !important;
    /* font-style: italic; */
    /* text-decoration: underline; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  scrollbar-width: thin;
  /*firefox*/
  scrollbar-color: rgb(105, 103, 103) rgb(223, 213, 213);
  /*firefox*/
}

body::-webkit-scrollbar {
  width: 7px;
  height: 8px;
  background-color: rgb(223, 213, 213);
}

body::-webkit-scrollbar-thumb {
  background: rgb(105, 103, 103);
  border-radius: 5px;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.rc-menu-submenu-popup {
  position: fixed !important;
  z-index: 1000000;

}

.rc-menu-submenu-popup {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.20);
  border-radius: 6px; 
  overflow: hidden;   
  background-color: #003f5c; 
}

.radioForm {
  height: 40px;
}

.radioForm .form-group .custom-radio .custom-control-description {
  margin-top: -0.5rem !important;
}

.react-table-column-flex-grow {
  max-width: unset !important;
}

.info-react-table {
  overflow-y: auto !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: grey !important;
}

.ReactTable .rt-thead {
  position: fixed;
  top: 1;
  z-index: 1;
  width: calc(100% - 17px);
  height: 31px;
}

.info-react-table::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  background: whitesmoke !important;
}

.info-react-table::-webkit-scrollbar-thumb {
  background: grey !important;
  border-radius: 5px;
}

.customeTheme {
  color: white !important;
  background-color: rgb(207, 45, 45) !important;
  font-size: 13px !important;
  height: auto !important;
  font-weight: bold !important;
  line-height: normal !important;
}

.customeTheme.type-error.place-bottom:after {
  border-bottom-color: rgb(207, 45, 45) !important;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.editableTextBox {
  border-style: none !important;
  background-color: transparent !important;
}

.editableTextBox:hover {
  background-color: white !important;
}

.rstcustom__collapseButton,
.rstcustom__expandButton {
  visibility: hidden !important;
}

.table-responsive {
  display: grid !important;
  grid-gap: 16px !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(160px, 1fr) !important;
  overflow-x: auto !important;
}

.disable-div {
  pointer-events: none !important;
  opacity: 0.4 !important;
  position:relative;
  z-index: 999;
}

.centerAlignSpinner {
  margin: auto !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
}

.centerAlignSpinnerForGrid {
  margin: auto !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
}

.react-confirm-alert-overlay {
  z-index: 1031 !important;
  background: rgba(133, 133, 133, 0.84) !important;
}

.PhoneInputInput {
  border: none !important;
  outline: none !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

#react-confirm-alert {
  position: relative !important;
  z-index: 2000 !important;
  
}
/* .react-confirm-alert{ */
  /* background-color: #0073aa ; */

/* } */
.floatingButtonContainer::-webkit-scrollbar {
  width: 8px;
}

.floatingButtonContainer {
  position: relative;
  display: grid;
  white-space: pre;
  grid-gap: 5px;
  z-index: -1;
  margin-bottom: 8px;
  max-height: 350px;
  overflow: auto;
  scrollbar-width: none;
  @media (max-width: 768px) {
    max-height: 80px;
 }

}

.app-header .dropdown-item {
  min-width: 0px !important;
}

.s-alert-box {
  margin-top: 30px;
  padding: 12px !important;
}

.react-datepicker-time__header {
  padding: 5px !important;
}

.react-datepicker-time__input {
  height: 35px !important;
  width: 100% !important;
  padding: 5px !important;
  align-items: center !important;
}

.tooltip-inner {
  max-width: fit-content !important;
  text-align: left !important;
}

.dataSetUIComponentModalCss {
  overflow-y: inherit !important;
  overflow-x: inherit !important;
  padding: 10px !important;
}

.modal {
  padding-right: 0px !important;
}
.bvGQxF{
  margin-bottom: 7px;
}

.dropdown-divider{
  margin: 0px !important;
  margin-top: 0.5rem !important;
}
 .fa-filter{
    height: 1.3rem !important;
    width: 1.3rem !important;
    position: relative;
    top: -4px;
    transition: transform 0.1s ease;
      cursor: pointer;
      touch-action: manipulation;

    }
.fa-filter:hover {
    transform: scale(1.05);
 
}
 
.fa-filter:active {
  transform: scale(0.9);
}