.tm{ width: 40%; display: flex; justify-content: center; font-size: 14px; font-weight: 400; border-radius: 2px; color: #fff; background: linear-gradient(270deg,rgba(65,76,217,.4),rgba(58,85,218,.2) 14%,rgba(54,90,218,0) 49%,rgba(51,94,218,.2) 86%,rgba(44,102,219,.4)); border: 1px solid #0e4e93; .MuiInput-underline:before{ border: 0px; } .time-picker{ .ant-picker-input > input{ color: #fff; } .ant-picker-separator{ color: #fff; } } } .time-type { margin-left: 10rem; display: flex; cursor: pointer; background-color: #393e45; border-radius: 5%; padding: 0.01% !important; border: 1px solid #585e64; div { width: 80px; border-radius: 5%; text-align: center; border: 1px solid #585e64; padding: 4px 0; } .active { color: #5FB7FF; // background: #F0F7FF; border: 1px solid #5FB7FF; } } .ant-picker-panel-container{ background-color: rgba(36, 46, 92,1) !important; } .ant-picker-header,.ant-picker-body{ color: #fff !important; border-color: #242e5c; } .ant-picker-content th{ color: #fff !important; } .ant-picker-cell, .ant-picker-header-super-prev-btn, .ant-picker-header-prev-btn, .ant-picker-header-next-btn, .ant-picker-header-super-next-btn { color: #fff !important; } .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{ // background: transparent !important; color: #000; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before { background-color:transparent !important; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{ background-color: #1890ff !important; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{ // background-color:transparent !important; color: #000 !important; } .ant-picker-header-super-next-btn,.ant-picker-time-panel-cell-inner { color: #fff !important; }