.SadminPanelDiv{ display: flex; flex-direction: column; row-gap: 0.5rem; padding: 0.5rem 0.2rem; .panelFilterhead{ display: flex; padding: 0rem 0.5rem; column-gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; .pnlfltrlftPart{ display: flex; column-gap: 1rem; align-items: center; flex-wrap: wrap; gap: 0.5rem; } .Statre-drp-dwn{ .PozoPublicDropDown-Master { .PozoPublicDropDownMain{ svg{ font-size: 10px; } input{ font-size: 11.5px; } } .PozoPublicDropDownOption{ font-size: 11.5px; } } } .rptCalnder{ display: flex; justify-content: space-between; align-items: center; .yrdiv{ color: #575757; :hover{ color: rgb(0, 0, 0); font-weight: 600; } } .YrMntdatepicker{ .date-picker{ width: unset !important; } .date-picker .pickermain{ border: none !important; width: min-content; } .calendar{ left: unset; right: 0px; } .date-picker input{ width: 50px; // min-width: 50px; // max-width: max-content; font-size: 11.6px; color: #000; } } } } .PanelTabSwitchHead { // border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; row-gap: 0.5rem; justify-content: space-between; font-size: 10.5px; padding-right: 1rem; // background-color: #dddddde0; // border-radius: 6px; align-items: center; .TabSwitch div { font-size: 16px; padding: 10px; } .TabSwitch div:hover { color: #007BFF; } .Othractns{ display:flex ; font-weight: 600; font-size:9.7px; padding: 0 0.5rem; column-gap: 0.7rem; border-radius: 6px; div{ cursor: pointer; display: flex; align-items: center; gap: 0.3rem ; } div:hover{ color: #007BFF; } } } } @media (max-width: 768px) { .PozoPublicSadminReportMaster .CommonFltrhd { height: unset !important; } .SadminPanelDiv .PanelTabSwitchHead{ text-wrap: nowrap; } .TabSwitch { overflow: scroll; } .Statre-drp-dwn{ .PozoPublicDropDown-Master { width: 5rem !important; .PozoPublicDropDownMain{ width: 5rem !important; } } } }