:root {
    --tone-color: #FF5E3E;
    --tone-dark: #B43F28;
    --tone-highlight: #FFE1DB;
   
    --white: #FFF;
    --dark: #262626;
    --grey: #969696;
    --success: #7EB76B;
    --error: #DC4646;
    
    --border-grey: #E4E4E4;
    --light-grey: #f8f8f8;
    --border-radius: 10px;
  
  }
  

.n-radio{
    --n-dot-color-active: var(--tone-color) !important;
    --n-box-shadow-active: inset 0 0 0 1px var(--tone-color) !important;
    --n-box-shadow-hover: inset 0 0 0 1px var(--tone-color) !important;
    --n-box-shadow-focus: inset 0 0 0 1px var(--tone-color), 0 0 0 2px rgba(24, 160, 88, 0.2) !important;
}

.n-slider, .n-slider.n-slider--with-mark{
    --n-dot-border-active: 2px solid var(--tone-color) !important;
    --n-fill-color: var(--tone-color) !important;
    --n-fill-color-hover: var(--tone-color) !important;
}
.n-tabs.n-tabs--line-type{
    --n-bar-color: var(--tone-color) !important;
    --n-tab-text-color-active: var(--tone-color) !important;
    --n-tab-text-color-hover: var(--tone-color) !important;
}
.n-tabs.n-tabs--segment-type{
    --n-color-segment: var(--tone-highlight) !important;
}


.n-data-table-td.tone{
    color: var(--tone-color) !important;
    font-weight: bold;
}

.n-input.custom-input, .n-select.custom-input .n-base-selection{
    --n-border: rgba(255, 255, 255, 0.1) !important;
    --n-border-hover: 1px solid var(--tone-color) !important;
    --n-color:  rgba(255, 255, 255, 0.1) !important;
    --n-border-radius: 10px !important;
    --n-height: 45px !important;
    --n-color-focus:  rgba(255, 255, 255, 0.1) !important;
    --n-border-focus: 1px solid var(--tone-color) !important;
    --n-caret-color: var(--tone-color) !important;
    --n-text-color: var(--white) !important;
    --n-color-active:  rgba(255, 255, 255, 0.1) !important;
    --n-border-active: 1px solid var(--tone-color) !important;
    --n-color-focus-error: rgba(255, 255, 255, 0.1) !important;
}

.n-input.custom-input.dark, .n-select.custom-input.dark .n-base-selection{
    --n-border: rgb(75, 75, 75) !important;
    --n-border-hover: 1px solid var(--tone-color) !important;
    --n-color: rgb(241 241 241) !important;
    --n-border-radius: 10px !important;
    --n-height: 45px !important;
    --n-color-focus: rgb(241 241 241) !important;
    --n-border-focus: 1px solid var(--tone-color) !important;
    --n-caret-color: var(--tone-color) !important;
    --n-text-color: var(--dark) !important;
    --n-color-active:  rgb(241 241 241) !important;
    --n-border-active: 1px solid var(--tone-color) !important;
    --n-color-focus-error: rgb(75, 75, 75) !important;
}

.n-base-select-menu .n-base-select-option.n-base-select-option--selected{
    color: var(--tone-color) !important;
}
.n-base-select-menu .n-base-select-option .n-base-select-option__check{
    color: var(--tone-color) !important;
}


.n-input.custom-input.has-append{
    --n-border-radius: 10px 0 0 10px !important;
}

.n-form-item{
    --n-feedback-height: 0px !important;
}
.n-form-item.no-label{
    --n-label-height: 0px !important;
}

@media (max-width: 992px){
    .n-tabs-rail{
    	display: none !important;
    }
}




.n-collapse .n-collapse-item .n-collapse-item__header .n-collapse-item__header-main{
	font-weight: bold;
    font-size: 16px;
}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {
    background: var(--tone-color) !important;
    color: white !important;
    border:  var(--tone-color) !important;
}


.n-checkbox.white{
	--n-text-color: white !important;
	--n-border-checked: 1px solid #F44336  !important;
    --n-border-focus: 1px solid #F44336 !important;
    --n-color-checked: #F44336 !important;
}