:root {
    --color-btn-text: #fff;
    --color-primary: #2d516f;
    --color-secondary: #1890ff;
    --color-tertiary: #40a9ff;
    --color-text: #000000a6;
}

body {
    color: var(--color-text);
}

.ant-btn-link,
td.ant-table-column-has-actions a,
.ant-btn-link span,
.ant-menu-item > a:hover,
.ant-menu-item:hover {
    color: var(--color-secondary);
}

.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:hover span,
.ant-btn-link:focus span {
    color: var(--color-tertiary);
}

.ant-btn:hover,
.ant-btn:focus {
    color: var(--color-tertiary);
    border-color: var(--color-tertiary);
}

.ant-btn-primary,
.sample-view .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-btn-text);
}

.ant-btn-primary:hover, .ant-btn-primary:focus,
.sample-view .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    color: var(--color-btn-text);
    background-color: var(--color-tertiary);
    /* border-color: var(--color-tertiary); */
}
.ant-btn-primary span,
.ant-btn-primary path {
    color: var(--color-btn-text);
}
.ant-btn-link {
    border: none;
}

/* Logo styles */
.navbar-header div.image-logo,
.top-content .header-wrapper .menu-left .image-logo {
    margin: 0.5rem 0;
    background-image: url("/static/img/logo32.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 118px;
    height: 32px;
}

.top-content .header-wrapper .menu-left:nth-child(1) li:nth-child(2) {
    /* background: #fff; */
    height: 48px;
}

.navbar-header div.image-logo {
    height: 100%;
}

.navbar-inverse,
.top-content .header-wrapper {
    background: var(--color-primary);
    /* color: var(--color-grey); */
}

.navbar-inverse .nav>li>a {
    border-bottom: 2px solid var(--color-primary);
}

.navbar-inverse .nav>li>a:hover,
.navbar-inverse .nav>li>a:focus,
.top-content .header-wrapper .ant-menu-horizontal>.ant-menu-item:hover,
.top-content .header-wrapper .ant-menu-horizontal>.ant-menu-submenu:hover {
    background-color: var(--color-primary);
    filter: brightness(1.2);
}

/* form[name="newSample"] .new-sample-datatype,
form[name="newSample"] .new-sample-workflow,
div.samples-upload .meta-data .upload-datatype,
.trial-container {
    display: none;
} */

/* Refer button styles */
.refer-btn:focus,
.refer-btn:hover {
    color: var(--color-tertiary);
    /* background-color: var(--color-logo-bg); */
}

#root .main-content .signup-page .signup-form .ant-form-item-children .signup-btn,
#root .main-content .signup-page .signup-form .has-success .signup-btn {
    background: var(--color-primary);
}

.refer-btn:focus,
.refer-btn:hover {
    color: var(--color-primary);
}

/* Additional styles for various components */
.ant-menu-horizontal>.ant-menu-item:hover,
.ant-menu-horizontal>.ant-menu-submenu:hover,
.ant-menu-horizontal>.ant-menu-item-active,
.ant-menu-horizontal>.ant-menu-submenu-active,
.ant-menu-horizontal>.ant-menu-item-open,
.ant-menu-horizontal>.ant-menu-submenu-open,
.ant-menu-horizontal>.ant-menu-item-selected,
.ant-menu-horizontal>.ant-menu-submenu-selected {
    border: none;
}

/* .user-login .login-form .ant-spin-dot-spin i {
    background-color: var(--color-tertiary);
} */

.ant-input:hover,
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.ant-input:focus {
    border-color: var(--color-tertiary);
}

.dashboard-content-footer .ant-btn:hover,
.ant-btn:focus,
.ant-modal-content .ant-btn:hover,
/* .action-buttons .ant-btn:hover, */
.ant-input-number:hover,
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active,
.ant-select-selection:hover,
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover,
.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus+.ant-checkbox-inner,
.detail .header-info hr,
.ant-slider-handle {
    border-color: var(--color-tertiary);
}

.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-indeterminate .ant-checkbox-inner::after,
.ant-steps-item-process .ant-steps-item-icon,
/* .ant-tabs-top .ant-tabs-ink-bar-animated, */
.ant-tabs-bottom .ant-tabs-ink-bar-animated,
.ant-spin-dot-item {
    background-color: var(--color-secondary);
}

a,
.anticon.anticon-search.ant-table-filter-icon.ant-dropdown-trigger.filtered,
.anticon.anticon-filter.ant-dropdown-trigger.filtered,
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected>a,
.ant-dropdown-menu-submenu-title-selected>a,
.ant-radio-button-wrapper:hover,
.ant-table-tbody a:hover,
.ant-table-tbody a:focus,
.ant-table-filter-dropdown-link,
.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on,
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon,
.datatype .pipeline-list-details .ant-card-head .ant-card-head-title a,
.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-nav .ant-tabs-tab:hover,
.quote-generator .qg-content .qg-pricing-setting .ant-dropdown-trigger,
/* .ant-menu-item:hover, */
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
a:active,
a:hover,
.ant-btn-link:active,
/* .footer-wrapper .footer-text { */
.ant-btn-link.active span {
    color: var(--color-tertiary);
}

/* .table-search .ant-btn:hover, */
.ant-pagination-item-active,
.ant-pagination-item-active a,
.ant-pagination-item:focus a,
.ant-pagination-item:hover a,
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active,
.table-action-buttons .ant-btn:active,
.table-action-buttons .ant-btn:hover,
.ant-table-row a.ant-btn:active,
.ant-table-row a.ant-btn:hover,
.ant-calendar-today .ant-calendar-date,
.form-action-buttons .ant-btn:active,
.form-action-buttons .ant-btn:hover,
.ant-btn:active,
.ant-btn.active,
.ant-timeline-item-head-blue,
.ant-upload.ant-upload-select-picture-card:hover {
    color: var(--color-secondary);
   border-color: var(--color-secondary);
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled,
.ant-radio-button-wrapper-disabled:hover,
.ant-radio-button-wrapper-disabled:active {
    color: rgba(0, 0, 0, 0.25);
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    /* background-color: var(--color-primary);
    border-color: var(--color-primary); */
    opacity: 0.8;
}

.ant-btn-link,
.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-top .ant-tabs-ink-bar-animated {
    color: var(--color-secondary);
}
.ant-tabs-ink-bar {
    background-color: var(--color-secondary);
}

.user-login .ant-btn:active,
.user-login .ant-btn:focus {
    border: none;
}

.footer-wrapper a,
.footer-wrapper a:hover {
    font-weight: bold;
}

.ant-switch-checked {
    background-color: var(--color-secondary);
}
.sample-view .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.sample-view .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) span,
.sample-view .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) path {
    color: var(--color-btn-text);
}