@import "../../assets/css/variable";
.ne-linear-progress-bar{
    background: $main-color!important;
}

.ne-btn-primary {
    background-color: $main-color!important;
    border-color: $main-color!important;
    color: #fff!important;
}

.ne-btn-primary:hover, .ne-btn-primary:focus {
    background-color: $main-color-focus!important;
    border-color: $main-color-focus!important;
    color: #fff;
}

.ne-btn-primary:active {
    background-color: $main-color-focus;
    border-color: $main-color-focus;
    color: #fff;
}

.rate-range-bar {
    border: 0;
    margin: auto;
    width: 200px;
    margin-left: 10px;
    margin-right: 10px;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: -webkit-linear-gradient(#61bd12, #61bd12) no-repeat, #ddd;
    background-size: 75% 100%;
    height: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 26px;
    width: 26px;
    background: #fff;
    border-radius: 50%;
    border: solid 1px #ddd;
}

.ne-drop-down-menu .ne-menu{
    width:100%
}

.ne-table-thead th{
    background: #fafafa;
    transition: background .3s ease;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
}

.ne-loading .ne-loading-loader{
    font-size: 24px;
    color: #1890ff;
}

.ne-loading .ne-loading-shadow {
    background-color: rgba(256, 256, 256, 0.5);
}

.ne-btn{
    color: rgba(0,0,0,0.65);
    background-color: #fff;
    border-color: #d9d9d9;
}

.ne-btn:hover, .ne-btn:active {
    border-color: $main-color;
    color: $main-color;
}

.ne-menu-item-selected{
    color: $main-color;
}

.ne-btn-dashed {
    color: rgba(0,0,0,0.65);
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: dashed;
}

.ne-radio .ne-switch-base-icon{
    color: $main-color;
}

.ne-radio .ne-switch-base-icon > span:first-child {
    background: $main-color;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: -webkit-linear-gradient($main-color, $main-color) no-repeat, #ddd;
    background-size: 75% 100%;
    height: 3px;
}

.ne-switch-base:focus:not([disabled]) + .ne-switch-base-icon {
    border-color: $main-color;
}
.ne-switch-base:hover:not([disabled]) + .ne-switch-base-icon {
    border-color: $main-color;
}
.ne-switch-base-label:hover :not(.ne-switch-base-container-disabled) .ne-switch-base-icon {
    border-color: $main-color;
}

.ne-switch-base-container-checked > .ne-switch-base-icon {
    border-color: $main-color;
}

.ne-select .ne-select-open {
    border-color: $main-color;
    box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2); }

.ne-menu-item:hover, .ne-menu-title:hover {
    background-color: rgba(64, 169, 255, 0.2);
}

.ne-input-container:hover {
    border-color: #40a9ff;
    box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2);
}
.ne-input-container.ne-input-focused {
    border-color: #40a9ff;
    box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2);
}

.ne-pagination-btn-active{
    color: $main-color!important;
    background-color: #fff!important;
}

.ne-pagination-btn-active:hover{
    color: $main-color!important;
    background-color: #fff!important;
}

.ne-btn-primary.ne-btn-clicked, .ne-btn-primary.ne-btn-clicked:after {
    border-color: $main-color;
}

.ne-pagination .ne-btn-medium{
    background-color: #fff!important;
}

.ne-pagination-input:hover{
    border-color: $main-color;
}

.ne-pagination.ne-pagination-compact li:not(.pagination-quick) button.ne-pagination-btn-active, .ne-pagination.ne-pagination-compact li:not(.pagination-quick) button:hover:not([disabled]), .ne-pagination.ne-pagination-compact li:not(.pagination-quick) button:focus:not([disabled]), .ne-pagination.ne-pagination-compact li:not(.pagination-quick) button:active:not([disabled]) {
    box-shadow: -1px 0 0 0 $main-color;
    border-top: 1px solid $main-color;
    border-right: 1px solid $main-color;
    border-bottom: 1px solid $main-color;
}

.ne-tag-create-input{
    border-color: $main-color;
    box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2);
}

.ne-modal-close, .ne-confirm-close {
    background-color: transparent;
}

.ne-tag.ne-tag-success {
    max-width: 320px;
}

.ne-form-item {
    min-height: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
}

body.is-modal-open {
    padding-right: 17px;
}

.ne-drop-down-menu-position-bottom, .ne-drop-down-menu-position-bottomLeft, .ne-drop-down-menu-position-bottomRight {
    padding-top: 6px;
}

.ne-input.disabled, .ne-input[disabled] {
    color: #999999
}

.ne-table-thead th {
    font-weight: 700;
}

.ne-snackbar {
    z-index: 1001;
}

.catchman .component-search-bar .label {
    margin: 0 10px 0 0;
}

.catchman .component-search-bar .field-layout:nth-child(2) .label {
    margin: 0;
}

.ne-modal-body-large {
    font-size: 14px;
}

.ne-tooltip-box caption {
    caption-side: top;
}