@tailwind base;
@tailwind components;
@tailwind utilities;

body,
html {
  font-family: Titillium Web !important;
  background: #f0f2f5;
}

.container {
  display: flex;
  flex-direction: row;
  background: #f0f2f5;
}

.dark .container {
  background: #373A3E;
}

.arabicName {
  font-family: Almarai;
  text-align: right;
}

.arabic {
  font-family: Almarai;
}

/* table */

.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none !important;
}

.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 16px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}

.ant-table-thead>tr>th {
  position: relative;
  color: #343A40 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: left;
  background: #fff !important;
  border-bottom: 1px solid #E9ECEF !important;
  transition: background 0.3s ease;
}

.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
  font-family: 'Titillium Web' !important;
}

.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none !important;
}

.ant-layout-header {
  padding: 0px 10px !important;
}

.ant-pagination-prev,
.ant-pagination-next {
  height: 48px
}

.ant-pagination-item-active {
  background-color: #0059B3 !important;
}

.ant-pagination-item-active a {
  color: #fff !important
}

.ant-select-arrow {
  color: #0D1C2E !important;
}

.top-border {
  border-top: 3px solid #1c87c9;
  padding: 10px;
}

.map-search-input.ant-input-affix-wrapper,
.map-search-input.ant-input-affix-wrapper>input.ant-input {
  background-color: #F8FBFD !important;
}

.dark .map-search-input.ant-input-affix-wrapper,
.dark .map-search-input.ant-input-affix-wrapper>input.ant-input {
  background-color: #434647 !important;
}

.ant-input-affix-wrapper {
  background-color: transparent;
  border: 0px;
}

.ant-input-affix-wrapper>input.ant-input {
  background-color: transparent !important;
}

.dark .ant-input-affix-wrapper>input.ant-input {
  background-color: transparent;
  color: #EEEEEE;
}

.ant-picker-suffix {
  color: #B1B1B1 !important;
  pointer-events: inherit !important;
}

.ant-table-column-title {
  font-weight: 600 !important;
  font-size: 14px !important;
}

.ant-table-column-sorter {
  display: none !important;
  opacity: 0 !important;
}

.set-column .ant-table-column-title {
  margin-left: 8px;
}

html {
  overflow: hidden;
}

.ant-table-tbody>tr>td {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.ant-table-cell-row-hover {
  background-color: #FFFFFF !important;
}

.ant-table-thead>tr>th {
  position: relative;
  color: #343A40 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: left;
  background: #fff !important;
  border-bottom: 1px solid #E9ECEF !important;
  transition: background 0.3s ease;
}

.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none !important;
}

.ant-table-tbody>tr>td {
  font-size: 14px !important;
  font-weight: 300 !important;
}

.ant-table-tbody>tr.ant-table-row-selected>td {
  background-color: #FFFFFF !important;
}

.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead>tr>th,
.ant-table.ant-table-small .ant-table-tbody>tr>td,
.ant-table.ant-table-small tfoot>tr>th,
.ant-table.ant-table-small tfoot>tr>td {
  padding: 8px 8px;
  border-bottom-color: #E9ECEF;
}

.ant-table-column-title {
  color: #515151;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.ant-table-tbody>tr>td {
  font-size: 14px !important;
  font-weight: 300 !important;
}

.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  background: #FFFFFF !important;
}

.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none !important;
}

.dark .ant-table-cell-row-hover {
  background-color: #575B5D !important;
}

.dark .ant-table {
  background-color: #575B5D !important;
}

.dark .ant-table-cell-fix-left,
.dark .ant-table-cell-fix-right {
  background: #575B5D !important;
}

.dark .ant-table-thead>tr>th {
  background-color: #575B5D !important;
  color: #E3E3E3 !important;
}

.dark .ant-table-column-title {
  color: #E3E3E3 !important;
}

.dark .ant-table-tbody>tr.ant-table-row-selected>td {
  background-color: #575B5D !important;
}

.dark .ant-table-tbody>tr.ant-table-placeholder:hover>td {
  background-color: transparent !important;
}

.dark .ant-table {
  background-color: #575B5D !important;
}

.dark .ant-table-cell-fix-left,
.dark .ant-table-cell-fix-right {
  background: #575B5D !important;
}

.dark .ant-table-thead>tr>th {
  background-color: #575B5D !important;
  color: #E3E3E3 !important;
}

.dark .ant-table-column-title {
  color: #E3E3E3 !important;
}

.dark .ant-table-tbody>tr.ant-table-row-selected>td {
  background-color: #575B5D !important;
}

.dark .ant-table-tbody>tr.ant-table-placeholder:hover>td {
  background-color: transparent !important;
}

/* Scroll Bar */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
  background: #E4EBF1;
  border-radius: 10px !important;
  /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
  background-color: #485F77;
  /* will leave after image loads */
  background-size: cover;
  border-radius: 20px;
}

.dark ::-webkit-scrollbar-track {
  background: #959A9C;
}

.dark ::-webkit-scrollbar-thumb {
  background-color: #63696F;
}

.ant-table-body {
  overflow: auto !important;
}

span.ant-scroll-number-only-unit.current {
  font-weight: 100;
}

.ant-select-selection-overflow {
  height: 36px;
  overflow: auto;
}

/* -----------Quick Link---------- */

span.ant-breadcrumb-link {
  font-size: 12px;
  margin-top: 5px;
  line-height: 1.5715;
  color: #2D2D2D !important;
}

span.ant-breadcrumb-link .anticon {
  margin-top: 0px;
}

a.ant-breadcrumb-link {
  color: #2D2D2D !important;
}

.ant-breadcrumb-link path {
  fill: #7B7B7B;
}

.ant-breadcrumb {
  color: #0D1C2E;
}

.ant-breadcrumb ol {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ant-breadcrumb ol li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ant-breadcrumb-link svg {
  margin-bottom: 5px;
}

.ant-breadcrumb a {
  color: #2D2D2D !important;
  margin-top: 5px;
  font-size: 12px;
}

.dark .ant-breadcrumb a {
  color: #FCFCFC !important;
}

.dark span.ant-breadcrumb-link {
  color: #FCFCFC !important;
}

.dark a.ant-breadcrumb-link {
  color: #FCFCFC !important;
}

.dark .ant-breadcrumb-link path {
  fill: #B7B7B7;
}

.ant-breadcrumb-separator {
  margin: 0px 5px !important;
  height: 16.85px;
  display: flex;
  align-items: flex-end;
}

/* Create  page Country, Country Group, Currency, Currency Exchange, postal operator*/

.upsert-container .ant-form-item {
  margin-bottom: 0px
}

.upsert-container .ant-input:hover {
  border-color: #CDCDCD;
}

.upsert-container .ant-input[disabled] {
  color: #2D2D2D;
}

.upsert-container .ant-picker-input>input[disabled] {
  color: #2D2D2D;
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: #2D2D2D !important;
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0px 0px 3px 0px !important;
}

.left-block-container {
  background-color: #F2F6FA;
  border-radius: 6px;
  height: 100%;
}

.left-top-block-container {
  background-color: #F2F6FA;
  border-radius: 6px;
}

.right-top-block-container {
  background-color: #EBEFF2;
  border-radius: 6px;
}

.right-bottom-block-container {
  background-color: #F2F6FA;
  border-radius: 6px;
  height: 100%;
}

.ant-picker-large .ant-picker-input>input {
  font-size: 14px !important;
}

.dark .left-block-container {
  background-color: #434647;
}

.dark .left-top-block-container {
  background-color: #434647;
}

.dark .right-top-block-container {
  background-color: #2F3236;
}

.dark .right-bottom-block-container {
  background-color: #474B4E;
}

.dark .upsert-container .ant-input[disabled] {
  color: #FFFFFF;
}

.dark .upsert-container .ant-picker-input>input[disabled] {
  color: #FFFFFF;
}

.dark .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: #FFFFFF !important;
}

.dark .upsert-container .ant-input {
  background-color: transparent;
}

.right-block-container {
  background-color: #EBEFF2;
  border-radius: 6px;
}

.dark .right-block-container {
  background-color: #434647;
  border-radius: 6px;
}

.right-top-view-block-container {
  background-color: #F8F8F8;
  border-radius: 6px;
}

.dark .right-top-view-block-container {
  background-color: #434647;
  border-radius: 6px;
}

.dark .ant-select-single .ant-select-selector .ant-select-selection-item {
  color: #CDCDCD;
}

.dark .ant-input {
  color: #CDCDCD;
  background-color: transparent !important;
}

.dark .upsert-container .ant-input:hover {
  border-color: #CDCDCD;
}

.dark .ant-picker-large .ant-picker-input>input {
  font-size: 14px !important;
  color: #E3E3E3 !important;
  font-weight: 300 !important;
}

.dark .ant-picker-suffix>* {
  color: #E3E3E3 !important;
}

.dark .ant-picker-clear {
  background-color: transparent !important;
  color: #CDCDCD !important;
}

.dark .ant-picker {
  background-color: transparent !important;
}

.dark .ant-input[disabled] {
  color: #FFFFFF;
}

.text-confirmation {
  color: #2F2F2F !important
}

/* -------------Header---------------- */

.ant-typography {
  color: #2F2F2F;
}

.ant-layout-header {
  padding: 0px 10px !important;
}

.ant-layout {
  background: #f0f2f5;
}

.header-border {
  border: 0.1px solid #E9ECEF;
}

.anticon-svg-action-more svg {
  color: #7B7B7B !important;
  width: 10px !important;
  height: 16px !important;
}

.ant-dropdown-menu-item-title {
  color: #485F77;
}

sup.ant-scroll-number.ant-badge-count {
  right: 25px;
  top: 12px;
  border: 1px solid #FFFFFF;
  background: #0F4D97;
  height: 13px;
  color: #FFFFFF;
  border-radius: 6.5px;
  font-size: 7px;
  line-height: 11px;
  font-weight: 400;
  box-shadow: none;
}

.ant-badge-count-number {
  background-color: #4B5D73 !important;
  font-size: 10px;
  border-radius: 4px;
  color: #FFFFFF !important;
}

.header-container {
  background-color: #FFFFFF !important;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.bell-icon.ant-dropdown-trigger svg {
  width: 21px;
  height: 21px
}

.ant-button-icon {
  font-size: 18px !important;
  color: #ABCBEC !important;
}

.ant-button-icon-delete path {
  font-size: 18px !important;
  fill: #ABCBEC !important;
}

.ant-button-icon-delete path:disabled {
  font-size: 18px !important;
  fill: #6B7177 !important;
}

.ant-button-icon-email {
  font-size: 22px !important;
  color: #ABCBEC !important;
}

.ant-button-icon-calculate svg {
  width: 18px;
  height: 22px;
}

.collapse-button-applied-filter svg {
  color: #FFFFFF;
}

.ant-btn-primary:disabled .ant-button-icon-email {
  font-size: 22px !important;
  color: #6B7177 !important;
}

.dark .header-border {
  border: 0.1px solid #E9ECEF;
}

.dark .anticon-svg-action-more svg {
  color: #BCBCBC !important;
}

.dark .ant-typography {
  color: #EEEEEE;
}

.dark .ant-dropdown-menu-item-title {
  color: #A0A0A0;
}

.dark .ant-table-thead>tr>th {
  background-color: #575B5D !important;
  color: #E3E3E3 !important;
}

.dark .ant-layout {
  background: #373A3E;
}

.dark sup.ant-scroll-number.ant-badge-count {
  border: 1px solid #575B5D;
  background: #0D85FF;
  color: #FFFFFF;
}

.dark .ant-badge-count-number {
  background-color: #4B5D73 !important;
  font-size: 10;
  border-radius: 4;
  color: #3C3C3C !important;
}

.dark .header-container {
  background-color: #575B5D !important;
}

.dark .listing-container {
  background-color: #575B5D;
}

.dark .detail-listing-container {
  background-color: #575B5D;
}

.dark .text {
  color: #FFFFFF !important;
}

.dark .text-primary {
  color: #0D85FF !important;
}

.bulk-upload-control {
  background: #EDF0F4 !important;
}

.select-control {
  background: #EDF0F4 !important;
}

.delete-rate {
  border-radius: 0 4px 0 4px;
}

.delete-rate-col {
  padding-bottom: 15px;
}

/* ------------Confirmation Edit Popup---------------- */

.text-confirmation {
  color: #2F2F2F !important
}

.dark .text-confirmation {
  color: #EEEEEE !important
}

.dark .ant-modal-content {
  background-color: #393939 !important;
}

/* -------Manage Column------ */
.dark .ant-transfer-list-content-item-text {
  color: #FFFFFF;
}


/* -----------Foote---------------------- */

.text {
  color: #2F2F2F;
}

.ant-layout-footer {
  padding: 0px 10px !important;
}

.ant-modal-footer {
  border: none !important;
}

.ant-layout-footer {
  background-color: transparent !important;
}

.ant-layout-footer {
  color: #D9D9D9 !important;
}

input.hideArrows[type=number] {
  -moz-appearance: textfield;
}

input.hideArrows::-webkit-outer-spin-button,
input.hideArrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  height: 26px !important;
  min-width: 26px !important;
  line-height: 26px !important;
}

.ant-pagination-item {
  height: 26px !important;
  min-width: 26px !important;
  line-height: 26px !important;
  background-color: #A0AEBC !important;
  border-color: #A0AEBC !important;
}

.ant-pagination-prev .ant-pagination-item-link {
  background-color: #A0AEBC !important;
  border-color: #A0AEBC !important;
  color: #fff !important;
}

.ant-pagination-next .ant-pagination-item-link {
  background-color: #485F77 !important;
  border-color: #485F77 !important;
  color: #fff !important;
}

.ant-pagination-item a {
  color: #fff !important;
}

.ant-pagination-item-active {
  background-color: #485F77 !important;
}

.ant-pagination-item-ellipsis {
  color: #485F77 !important;
}

.anticon.anticon-left svg {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.anticon.anticon-right svg {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.dark .ant-pagination-prev .ant-pagination-item-link {
  background-color: #787979 !important;
  border-color: #787979 !important;
  color: #fff !important;
}

.dark .ant-pagination-next .ant-pagination-item-link {
  background-color: #0D85FF !important;
  border-color: #0D85FF !important;
  color: #fff !important;
}

.dark .ant-pagination-item {
  height: 26px !important;
  min-width: 26px !important;
  line-height: 26px !important;
  background-color: #787979 !important;
  border-color: #787979 !important;
}

.dark .ant-pagination-item-active {
  background-color: #0D85FF !important;
}

.dark .ant-pagination-item-ellipsis {
  color: #787979 !important;
}

/* History */

.dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #0059B3;
}

.lastDot {
  padding: 0px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: gray;
  border: 1px solid #FFF;
}

.history-card-container {
  width: 100%;
  border: 0px !important;
  border-radius: 0px 8px 8px 8px !important;
  background-color: #E9ECEF !important;
}

.ant-timeline-item-head {
  background-color: transparent !important;
}

.ant-timeline-item-tail {
  border-left: 1px solid #D3D3D3 !important;
}

.ant-timeline-item-last>.ant-timeline-item-tail {
  display: block !important;
}

.ant-timeline-item-content {
  top: 4px !important;
}

.ant-history-overflow {
  height: 66vh;
  overflow-y: auto;
}

.ant-upsert-overflow {
  height: 76vh;
  overflow-y: auto;
}

.ant-icon-action-menu-history svg {
  margin-top: 5px;
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.ant-icon-action-menu-history path {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.dark .dot {
  background-color: #0D85FF;
}

.dark .history-card-container {
  background-color: #2F3236 !important;
}

.dark .ant-icon-action-menu-history path {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

/* Action Icon */

.ant-icon-action-menu path {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.ant-icon-action-menu-edit {
  font-size: 24px !important;
  color: #7B7B7B !important;
}

.ant-icon-action-menu-history svg {
  margin-top: 5px;
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.ant-icon-action-menu-history path {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.dark .ant-icon-action-menu path {
  font-size: 18px !important;
  fill: #A0A0A0 !important;
}

.dark .ant-icon-action-menu-edit {
  font-size: 24px !important;
  color: #BCBCBC !important;
}

.dark .ant-icon-action-menu-history path {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

/* Sub Menu */

.ant-dropdown-menu-title-content {
  flex: auto;
  color: #515151;
}

.ant-dropdown-menu-item-icon path {
  fill: #A0A0A0 !important;
}

.ant-dropdown-menu-item-icon {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.filter-card-container .ant-checkbox+span {
  font-weight: 300 !important;
  font-size: 12px !important;
}

.ant-select-multiple .ant-select-selection-item {
  background-color: #F0F1F1;
  border: 1px solid #F0F1F1;
}

.ant-select-multiple .ant-select-selection-item-content {
  color: #000000;
  font-size: 12px !important;
  font-weight: 300;
}

.ant-select-multiple .ant-select-selection-item-remove>.anticon {
  color: #000000
}

.dark .ant-dropdown-menu-title-content {
  flex: auto;
  color: #EEEEEE;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.dark .ant-dropdown-menu-item-icon {
  font-size: 18px !important;
  fill: #A0A0A0 !important;
}

.dark .ant-dropdown-menu-item-icon path {
  fill: #A0A0A0 !important;
}

.dark .ant-dropdown-menu {
  background-color: #383838;
}

/* Dropdown */

.dark .ant-dropdown-menu-item-active {
  background-color: transparent !important;
}

.dark .ant-dropdown-menu {
  background-color: #383838 !important;
}

/* Button */

.ant-btn-primary,
.ant-btn-primary:hover {
  background-color: #0F4D97 !important;
  border: 1px solid #0F4D97 !important;
  box-shadow: 0px 2px 2px rgba(140, 142, 143, 0.4) !important;
}

.ant-btn-primary span {
  font-weight: 300;
  line-height: 30px;
  font-size: 14px;
  color: #FFFFFF;
}

.ant-btn-primary:disabled {
  background-color: #CAD4DF !important;
  border: 1px solid #CAD4DF !important;
}

.ant-btn-primary:disabled span {
  font-weight: 300;
  line-height: 30px;
  font-size: 14px;
  color: #6B7177 !important;
}

.dark .ant-btn-primary,
.dark .ant-btn-primary:hover {
  border-color: #0D85FF !important;
  background: #0D85FF !important;
  box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.4) !important;
}

.dark .ant-btn-primary:disabled {
  color: #F8F8F8 !important;
  border-color: #6C6C6C !important;
  background: #6C6C6C !important;
}

.dark .ant-btn-primary:disabled span {
  font-weight: 300;
  line-height: 30px;
  font-size: 14px;
  color: #EFEFEF !important;
}

.dark td.ant-table-column-sort {
  background-color: #575B5D !important;
}

.ant-btn-default,
.ant-btn-default:hover {
  background-color: transparent !important;
  border: 1px solid #DDDDDD !important;
}

.ant-btn-default span {
  font-weight: 300;
  line-height: 30px;
  font-size: 12px;
  color: #7E7E7E;
}

.dark .ant-btn-default span {
  color: #CDCDCD !important;
}

.ant-btn-no-confirmation,
.ant-btn-no-confirmation:hover {
  background-color: #434A54 !important;
  border-color: #434A54 !important;
}

.dark .ant-btn-no-confirmation,
.dark .ant-btn-no-confirmation:hover {
  background-color: #899098 !important;
  border-color: #899098 !important;
}

/* Filter */

.ant-button-icon-apply {
  font-size: 18px !important;
}

.listing-container {
  background-color: #FFFFFF;
}

.listing-container-height {
  min-height: 67vh;
}

.detail-listing-container {
  background-color: #FFFFFF;
}

.detail-listing-container-height {
  min-height: 75vh;
}

.text-primary {
  color: #0F4D97 !important;
}

.filter-card-container {
  background-color: #E5ECF3;
  border: 1px solid #f0f0f0;
}

.filter-card-container .ant-checkbox+span {
  font-weight: 300 !important;
  font-size: 12px !important;
}

.ant-card-bordered {
  background-color: #E5ECF3 !important;
  border: 1px solid #f0f0f0;
}

.filter-select {
  color: #0059B3 !important;
  text-decoration-line: underline;
  text-transform: capitalize;
  cursor: pointer;
}

.filter {
  padding: 10px;
  border-radius: 4px;
  background-color: #F0F1F1;
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 0px !important;
  z-index: 10 !important;
}

span.ant-select-arrow {
  background-color: transparent !important;
  color: #000000 !important;
  height: 19px !important;
}

.ant-drawer-header-title {
  height: 50px;
}

.ant-drawer-close {
  position: absolute;
  left: -38px;
  width: 55px !important;
  background-color: #FFFFFF !important;
  padding: 12px;
  border-radius: 4px 0px 0px 4px;
  display: flex !important;
}

.ant-drawer-close,
.ant-drawer-close:hover {
  color: #8C8C8C !important;
}

.detail-container {
  background-color: #F7FAFD !important;
  padding: 10px 0px;
}

.ant-form-item-label>label {
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.ant-select-multiple .ant-select-selection-item {
  background-color: #F0F1F1;
  border: 1px solid #F0F1F1;
}

.ant-dropdown-menu-item-title {
  color: #485F77;
}

.ant-dropdown-menu-title-content {
  flex: auto;
  color: #515151;
}

.ant-dropdown-menu-item-icon path {
  fill: #A0A0A0 !important;
}

.ant-dropdown-menu-item-icon {
  font-size: 18px !important;
  fill: #7B7B7B !important;
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: transparent !important;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: transparent !important;
}

.ant-select.ant-select-in-form-item {
  color: #000000 !important;
}

.ant-drawer-title {
  font-size: 22px !important;
  color: #0059B3 !important;
  font-weight: 300 !important;
}

.ant-select-tree-checkbox .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner {
  border-radius: 4px !important;
}

.ant-select-tree-checkbox-checked::after {
  border-radius: 4px !important;
}

.ant-select-tree {
  overflow: auto !important;
}

.dark .ant-select-tree {
  background-color: #424446 !important;
  color: #EEEEEE;
  font-size: 12px;
  font-weight: 300;
}

.dark .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #0D85FF;
  border-color: #0D85FF;
}

.dark .ant-select-clear {
  background-color: transparent !important;
  color: #EEEEEE !important;
}

.dark .ant-picker:hover,
.ant-picker-focused {
  border: 1px solid #CDCDCD;
}

.dark .ant-picker {
  border: 1px solid #CDCDCD;
}

.dark .filter {
  background-color: #525455;
}

.ant-collapse-content.ant-collapse-content-active {
  margin-top: 10px;
}

.dark .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
  background-color: transparent;
}

.dark .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border: 1px solid #CDCDCD;
}

.dark span.ant-select-arrow {
  color: #CDCDCD !important;
}

.dark .filter-card-container {
  background: #525455;
  border: 1px solid #525455;
}

.dark .filter-select {
  color: #0D85FF;
}

.dark .ant-drawer-content {
  background-color: #3C3C3C !important;
}

.dark .ant-drawer-title {
  font-size: 22px !important;
  color: #0D85FF !important;
  font-weight: 300 !important;
}

.dark .ant-drawer-close,
.dark .ant-drawer-close:hover {
  color: #8C8C8C;
}

.dark .ant-drawer-close {
  background-color: #3C3C3C !important;
}

.dark .ant-form-item-label>label {
  font-size: 16px !important;
  color: #E3E3E3 !important;
  font-weight: 300 !important;
}

.dark .ant-select-multiple .ant-select-selection-item {
  background: #525455;
  border: 1px solid #525455;
}

.dark .ant-select-multiple .ant-select-selection-item-content {
  color: #E3E3E3
}

.dark .ant-select-multiple .ant-select-selection-item-remove>.anticon {
  color: #E3E3E3
}

.ant-select-dropdown,
.ant-select-dropdown:hover {
  color: #000000 !important;
}

.dark .ant-select-dropdown,
.dark .ant-select-dropdown:hover {
  background-color: #424446 !important;
  color: #EEEEEE !important;
}

.dark .ant-menu {
  background-color: #46494A !important;
}

.dark .ant-dropdown-menu {
  background-color: #383838;
}

.dark .ant-dropdown-menu-title-content {
  flex: auto;
  color: #EEEEEE;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.dark .ant-dropdown-menu-item-active {
  background-color: transparent !important;
}

.dark .ant-select-arrow .anticon>svg {
  color: #949494 !important;
}

.dark .ant-select-item-option {
  color: #E3E3E3 !important;
}

.dark .ant-select-tree-list-holder-inner {
  background: #424446 !important;
}

.dark .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: transparent !important;
}

.dark .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #E3E3E3 !important;
}

.dark .ant-checkbox+span {
  color: #E3E3E3 !important;
}

.dark .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #0D85FF !important;
  border-color: #0D85FF !important;
}

.dark .ant-select.ant-select-in-form-item {
  color: #E3E3E3 !important;
}

.dark .ant-radio-group .ant-radio-group-outline .directionRadio,
.dark .ant-form-item,
.dark .ant-radio-wrapper .ant-radio-wrapper-disabled .ant-radio-wrapper-in-form-item,
.dark .span.ant-radio+*,
.dark .ant-radio-disabled+span {
  color: #E3E3E3 !important;
}

/* -------------------pagination--------------- */

.ant-table-pagination.ant-pagination {
  margin: 16px 0;
  display: none;
}

/* ----------Modal---------- */

.ant-modal-content {
  border-radius: 6px !important;
}

/* ------- Tree select ------ */

.ant-tree-select-dropdown {
  background-color: #E5ECF3 !important;
  padding: 8px 0px 0px 0px !important;
}

.dark .ant-tree-select-dropdown {
  background-color: #424446 !important;
}

.ant-select-tree-list-holder-inner {
  background: #E5ECF3 !important;
  overflow: auto;
}

.ant-select-tree .ant-select-tree-node-content-wrapper {
  overflow: auto !important;
}

.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent !important;
}

.ant-select-tree-list-holder-inner .ant-select-tree-treenode:not(:first-child) {
  background: #FFFFFF;
  font-size: 12px !important;
  font-weight: 300;
}

.ant-select-tree-list-holder-inner .ant-select-tree-treenode:first-child {
  font-size: 12px !important;
  font-weight: 400;
  padding: 0px 0px 8px 0px !important;
}

.ant-select-tree-list-holder-inner .ant-select-tree-treenode:nth-child(2) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ant-select-tree-list-holder-inner .ant-select-tree-treenode:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-select-tree-list-holder-inner .ant-select-tree-treenode {
  padding: 5px 0px !important;
}

.ant-select-tree-list-holder-inner .ant-select-tree-treenode:not(:first-child):not(:last-child) {
  border-bottom: 0.1px solid #E5ECF3;
}

.dark .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  background-color: transparent !important;
  color: #EEEEEE !important;
}

.dark .ant-select-tree-list-holder-inner .ant-select-tree-treenode:not(:first-child) {
  background: #525455;
}

.dark .ant-select-tree-list-holder-inner {
  background: #424446 !important;
}


/* View Page */

.view-container {
  background-color: #FFFFFF;
}

.view-container .left-block-container {
  background-color: #F8F8F8;
  border-radius: 6px;
  height: 100%;
}

.dark .view-container .left-block-container {
  background-color: #434647;
}

.view-container .right-block-container {
  background-color: #EBEFF2;
  border-radius: 6px;
}

.dark .view-container .right-block-container {
  background-color: #2F3236;
}

.view-container .block-item-container {
  border-bottom: 2px solid #FFFFFF;
}

.dark .view-container .block-item-container {
  border-bottom: 2px solid #575B5D;
}

.view-container .heading-text {
  color: #7D7D7D;
}

.dark .view-container .heading-text {
  color: #BBBBBB;
}

.dark .view-container {
  background-color: #575B5D;
}

.right-block-container {
  background-color: #EBEFF2;
}

.dark .view-button {
  background-color: #0D85FF !important;
}

.ant-dropdown-trigger svg {
  width: 8px;
  height: 16px;
}

.dark .ant-empty-description {
  color: #FFFFFF;
}

/* status */

.dark .inactive {
  color: #944C4C !important;
  background: #DD857A;
  font-size: 14px;
  font-weight: 300;
}

.dark .active {
  color: #314926 !important;
  background: #2AA466;
  font-size: 14px;
  font-weight: 300;
}

.status {
  border-radius: 5px;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  width: max-content;
}

.active {
  color: #456834 !important;
  background: #B8E4A3;
  font-size: 14px;
  font-weight: 300;
}

.inactive {
  color: #944C4C !important;
  background: #EDC4BF;
  font-size: 14px;
  font-weight: 300;
}

.suspended {
  color: #B01324 !important;
  background: #F0ABB2;
  font-size: 14px;
  font-weight: 300;
}

.dark .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
  background-color: transparent !important;
}

.manageColumn,
.manageColumn:hover {
  background-color: #CAD4DF !important;
}

.dark .manageColumn {
  background-color: #6C6C6C !important;
  border: 1px solid #6C6C6C !important;
}

/* .dark .anticon.anticon-right svg {
  color: #949494 !important;
} */

.dark .ant-modal-close-x svg {
  color: #FFFFFF !important;
}

.dark .ant-checkbox span,
.dark .ant-checkbox span :hover {
  background-color: transparent !important;
  border-color: 1px solid #C7C7C7 !important;
}

/* -------------manage Colunm----------------------- */

.dark .ant-transfer-list-header {
  background-color: #6C6C6C !important;
  color: #FFFFFF !important;
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: transparent !important;
}

.action-column {
  right: 0px !important;
}

.ant-transfer-list-content-item-checked {
  background-color: transparent !important;
}

.dark .ant-transfer-list-content-item-checked {
  background-color: transparent !important;
}

td.ant-table-column-sort {
  background-color: #FFFFFF !important;
}

.ant-dropdown-menu {
  padding: 3px 0px !important;
}

.dark .ant-table-row-expand-icon-collapsed::before {
  color: #FFF;
}

.dark .ant-table-row-expand-icon-collapsed::after {
  color: #FFF;
}

.dark .ant-table-row-indent+.ant-table-row-expand-icon {
  background-color: transparent;
}

.dark .ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
  color: #FFF !important;
}

.dark .ant-select-tree-checkbox-inner {
  background-color: transparent;
}

.dark .ant-select-tree-checkbox:hover {
  color: #FFF !important;
}

.ant-message-notice {
  margin-top: 1.25rem !important;
}

.ant-table-column-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dark .anticon-close-circle {
  color: #CDCDCD;
}

.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin-top: -5px !important;
}

.ant-select-clear {
  margin-top: -4px !important;
}

.ant-radio .ant-radio-inner {
  border-color: #0059B3;
  background-color: #FFF;
}

.dark .ant-radio .ant-radio-inner {
  border-color: #0D85FF;
  background-color: transparent;
}

.dark .ant-radio .ant-radio-inner::after {
  background-color: #0D85FF;
}