@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap); @import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap); @import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap); body { margin: 0; background-color: var(--background-color) !important; } html{ overflow-x: hidden; overflow-y: auto; } * { scrollbar-color: #34a59b #e8e8e8; } *::-webkit-scrollbar { width: 10px; height: 10px; } *::-webkit-scrollbar-track { background: #e8e8e8; } *::-webkit-scrollbar-thumb { background: #34a59b; border-radius: 6px; } *::-webkit-scrollbar-thumb:hover { background: #2d9489; } .virtualized-table-wrapper, .virtualized-table-wrapper *, .MuiTableContainer-root, .MuiTableContainer-root *, .ant-table-body, .ant-table-body *, .table-wrapper, .table-wrapper * { scrollbar-width: thin; scrollbar-color: #34a59b #e8e8e8; } .virtualized-table-wrapper::-webkit-scrollbar, .virtualized-table-wrapper *::-webkit-scrollbar, .MuiTableContainer-root::-webkit-scrollbar, .MuiTableContainer-root *::-webkit-scrollbar, .ant-table-body::-webkit-scrollbar, .ant-table-body *::-webkit-scrollbar, .table-wrapper::-webkit-scrollbar, .table-wrapper *::-webkit-scrollbar { width: 8px; height: 8px; } .virtualized-table-wrapper::-webkit-scrollbar-track, .virtualized-table-wrapper *::-webkit-scrollbar-track, .MuiTableContainer-root::-webkit-scrollbar-track, .MuiTableContainer-root *::-webkit-scrollbar-track, .ant-table-body::-webkit-scrollbar-track, .ant-table-body *::-webkit-scrollbar-track, .table-wrapper::-webkit-scrollbar-track, .table-wrapper *::-webkit-scrollbar-track { background: #e8e8e8; } .virtualized-table-wrapper::-webkit-scrollbar-thumb, .virtualized-table-wrapper *::-webkit-scrollbar-thumb, .MuiTableContainer-root::-webkit-scrollbar-thumb, .MuiTableContainer-root *::-webkit-scrollbar-thumb, .ant-table-body::-webkit-scrollbar-thumb, .ant-table-body *::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb, .table-wrapper *::-webkit-scrollbar-thumb { background: #34a59b; border-radius: 6px; } .virtualized-table-wrapper::-webkit-scrollbar-thumb:hover, .virtualized-table-wrapper *::-webkit-scrollbar-thumb:hover, .MuiTableContainer-root::-webkit-scrollbar-thumb:hover, .MuiTableContainer-root *::-webkit-scrollbar-thumb:hover, .ant-table-body::-webkit-scrollbar-thumb:hover, .ant-table-body *::-webkit-scrollbar-thumb:hover, .table-wrapper::-webkit-scrollbar-thumb:hover, .table-wrapper *::-webkit-scrollbar-thumb:hover { background: #2d9489; } .notification-icon{ cursor: pointer; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --primary: #048c88; --primary_light: #8afff7; --primary_lighter: #d5f2f0; --primary_dark: #064e4a; --secondary: #49ae46; --secondary_light: #7fd67c; --secondary_dark: #2e9a2b; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #e2ebea; --dark: #343a40; --buttoncolor: #ffc000; --button: #018e82; --text-color: #212121; --btn-label-color: #212121; --tdEven: #f7f7f7; --tdOdd: rgba(255, 255, 255, 1); --sidebar-bg: #00403a; --tablerow-even-bg: #ffffff; --tablerow-odd-bg: rgba(229, 229, 229, 0.3); --boxborder: #212121; --header-bg: rgba(1, 142, 130, 0.1); --headerbottom: ""; --muibutton-primary: #ffc000; --tableBorder: black; --downloadbtnClr: #018e82; --muibutton-outlined-bg: ""; --notificationBtn: #ca2e55; --tableText: #212121; --cancelBtn: #8c8c8c; --headerText: #212121; --hover-on-row: #fafafa !important; --table-header-bg: rgba(229, 243, 242, 1); --dropdown-bg: #ffffff; --dropdown-hover-bg: #f0f0f0; --dropdown-selected-bg: var(--button); --text_Color: #ffffff; --popupbg: #ffffff; --scroll-color: rgba(152, 152, 152, 1); --scroll-track-color: rgba(217, 217, 217, 1); --paystring-bg: rgba(250, 250, 250, 1); --body-box-border: #D8D4D4; --va-bg: #fafafa; --background-color: #fafafa; --contene-bg: #f9f9f9; --text_Color: #212121; --chatWindow_Color: #fafafa; --table-header-bg: #017268; --inter-font: 'Inter', sans-serif; --mulish-font: 'Mulish', sans-serif; --catamaran-font: 'Catamaran', sans-serif; } [dark-theme="dark"] { --table-header-bg: #27333a; --scroll-track-color: rgba(55, 76, 88, 1); --paystring-bg: #191f22; --body-box-border: #324b57; --scroll-color: rgba(139, 170, 188, 1); --white: #121212; --button: #03dac6de; --text-color: #ffffff; --btn-label-color: #3ed0a4; --sidebar-bg: #27333a; --primary_lighter: #27333a; --tablerow-odd-bg: #27333a; --tablerow-even-bg: #1f292e; --boxborder: rgba(255, 255, 255, 0.38); --header-bg: #191f22; --headerbottom: #324b57; --tableBorder: rgba(255, 255, 255, 0.38); --muibutton-primary: #ffc000; --downloadbtnClr: rgba(3, 218, 198, 0.87); --muibutton-outlined-bg: #191f22; --notificationBtn: #ff6a6a; --tableText: rgba(255, 255, 255, 0.6); --headerText: rgba(255, 255, 255, 0.87); --tdEven: #27333a; --cancelBtn: rgba(255, 255, 255, 0.6); --tdOdd: #1f292e; --hover-on-row: #00403a !important; --table-header-bg: #27333a; --dropdown-bg: #121212; --dropdown-hover-bg: #444444; --dropdown-selected-bg: var(--button); --popupbg: #1f292e; --va-bg: #27333a; --background-color: #121212; --contene-bg: #121212; --text_Color: #ffffff; --chatWindow_Color: #27333a; } input[type="file"] { border-radius: 4px; color: var(--text-color); font-size: 14px; cursor: pointer; transition: all 0.3s ease; } input[type="file"]:hover { border-color: none; } input[type="file"]:focus { outline: none; border-color: none; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } input[type="file"]::-webkit-file-upload-button { background-color: var(--background-color); border: 1px solid var(--text-color); color: var(--text-color); padding: 6px 12px; border-radius: 20px; cursor: pointer; font-size: 14px; margin-right: 8px; transition: all 0.3s ease; } input[type="file"]::-webkit-file-upload-button:hover { background-color: var(--text-color); border: 1px solid var(--text-color); } input[type="file"]::-webkit-file-upload-button:active { border: 1px solid var(--text-color); color: var(--text-color); } input[type="file"]::file-selector-button { border: 1px solid var(--text-color); color: var(--text-color); padding: 6px 12px; border-radius: 20px; cursor: pointer; font-size: 14px; margin-right: 8px; transition: all 0.3s ease; } input[type="file"]::file-selector-button:hover { border: 1px solid var(--text-color); color: var(--dropdown-bg); } input[type="file"]::file-selector-button:active { border: 1px solid var(--text-color); color: var(--text-color); } * { font-family: 'Inter', sans-serif !important; } #root { background-color: var(--contene-bg) !important; height: 100vh; } .im-antd-table-wrapper .ant-table-thead>tr>th { font-weight: 500 !important; } .im-antd-table-wrapper .tabel-link span { font-weight: 500 !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even:not(.ant-table-expanded-row):hover>td { background-color: #E6F4F2 !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd:not(.ant-table-expanded-row):hover>td { background-color: #E1EFEE !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even:not(.ant-table-expanded-row):hover>td.ant-table-cell-fix-left, .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even:not(.ant-table-expanded-row):hover>td.ant-table-cell-fix-right { background-color: #E6F4F2 !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd:not(.ant-table-expanded-row):hover>td.ant-table-cell-fix-left, .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd:not(.ant-table-expanded-row):hover>td.ant-table-cell-fix-right { background-color: #E1EFEE !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even>td.ant-table-row-expand-icon-cell { background-color: var(--body-box-background, #fff) !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd>td.ant-table-row-expand-icon-cell { background-color: var(--table-even-row, #fafafa) !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even:not(.ant-table-expanded-row):hover>td.ant-table-row-expand-icon-cell { background-color: #E6F4F2 !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd:not(.ant-table-expanded-row):hover>td.ant-table-row-expand-icon-cell { background-color: #E1EFEE !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even>td.ant-table-cell-fix-left, .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-even>td.ant-table-cell-fix-right { background: var(--body-box-background, #fff) !important; } .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd>td.ant-table-cell-fix-left, .im-antd-table-wrapper .ant-table-tbody>tr.im-table-row-odd>td.ant-table-cell-fix-right { background: var(--table-even-row, #fafafa) !important; } .im-filter-icon-wrapper :hover { background-color: rgba(102, 102, 102, 0.1) !important; border-color: rgba(102, 102, 102, 0.3) !important; transform: scale(1.05); } .im-filter-icon-wrapper :hover svg { color: #333333 !important; } .im-filter-icon-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease-in-out; } .custom-filter-container-v1 .ant-tooltip, .ant-tooltip { z-index: 9999 !important; } .intain-pagination-right .ps-select .ant-select-selection-item { min-width: 60px !important; } .ant-picker .ant-picker-clear { display: none !important; } .ant-picker .ant-picker-suffix, .ant-picker:hover .ant-picker-suffix, .ant-picker.ant-picker-focused .ant-picker-suffix { opacity: 1 !important; } .ant-picker:hover, .ant-picker:hover .ant-picker-input > input, .ant-picker:hover .ant-picker-suffix { cursor: pointer; } .im-loader-wrapper { flex: 1 1; display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; z-index: 9999; } .im-inside_loader { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; } .im-inside_loader p { text-align: center; margin-top: 15px; font-family: 'ProximaNovaS', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; font-weight: 500; color: #333; margin-bottom: 0; } .im-custom-spinner { width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid #018e82; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 10px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 768px) { .im-custom-spinner { width: 35px; height: 35px; border-width: 2px; } .im-inside_loader p { font-size: 12px; } }