.resp-wrap { flex-wrap: wrap; width: 100%; } .resp-wrap > div { width: 100%; } #date_select_1-container .SingleDatePickerInput { width: 150px; max-width: 90vw; } .mobile-menu-button { width: 180px; } @media screen and (max-width: 1230px) { .resp-wrap { flex-direction: column; } .mobile-full { width: 100%; } } @media screen and (min-width: 750px) { .resp-wrap { flex-wrap: nowrap; } .resp-wrap > div { width: auto; } } @media screen and (max-width: 640px) { .ant-table { width: 100%; min-width: 280px; overflow-x: auto; max-width: calc(100vw - 2rem); } .name_block_hider { display: none; } .mobile-menu-button { width: 150px; } .small-col { flex-direction: column; row-gap: 1.25rem; } .small-col > .ant-select { width: 100%; min-width: 280px; } #date_select_1-container .SingleDatePickerInput { width: 100%; min-width: 280px; max-width: 100%; } } @media screen and (max-width: 490px) { .group_settings-setting-title-param.mobile-early-column { align-items: flex-start; width: 100%; } .mobile-early-column { flex-direction: column; } } .rdt > input { border-bottom: 1px solid gray; } .flex-but { max-width: 150px; } @media screen and (max-width: 1230px) { .flex-but { max-width: 100vw; } } .table-container-shadow { display: flex; flex-direction: column; flex-wrap: wrap; row-gap: 0.5rem; margin: 1rem; align-items: center; background-color: white; padding: 2rem 1rem; justify-content: center; box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12), 2px 3px 7px rgba(0, 0, 0, 0.24); column-gap: 20px; border: 1px solid rgba(0, 0, 0, 0.15); } .link_btn { text-decoration: underline; color: blue; cursor: pointer; } .fontw-100 { font-weight: 100; } .fontw-200 { font-weight: 200; } .fontw-300 { font-weight: 300; } .fontw-400 { font-weight: 400; } .fontw-500 { font-weight: 500; } .fontw-600 { font-weight: 600; } .fontw-700 { font-weight: 700; } .fontw-800 { font-weight: 800; } .fontw-900 { font-weight: 900; }