.text-style-lead-color {color: #f46000 !important;}
.text-style-lead-color-active {color: #feaf00 !important;}
.text-style-lead-color-dark {color: #fe4f00 !important;}


.hover-style-lead-color:hover {color: #f46000 !important;}

.guide-index { text-decoration-color: #f46000;}
.guide-index:hover { color: #f46000;}

.bg-style {background: #f46000 !important;}
.bg-style-lead-color {background: #f46000 !important;}
.bg-style-lead-color-active {background: #feaf00 !important;}
.bg-style-lead-color-dark {background: #fe4f00;}

.border-color { border-color: #f46000 !important; }

.pageAjaxLoader {
    background-image: url(/img/profile/orange/pageLoader.svg);
    /*filter: invert(41%) sepia(97%) saturate(2109%) hue-rotate(353deg) brightness(94%) contrast(86%);*/
}
@keyframes hovered {
    0%   {background-color: #fe4f00;}
    100% {background-color: #e02000;}
  }
.hovered:hover {
    animation-name: hovered;
    animation-duration: .4s;
    animation-fill-mode: forwards;
}


a:link, a:visited {
    color: black !important;
    cursor: pointer;
}
a:hover  {
    color: #f46000 !important;
    cursor: pointer;
}

a:active {
    color: black !important;
    cursor: pointer;
}

a.dropdown-item:link, a.dropdown-item:visited {
    color: #343a40 !important;
}

a.dropdown-item:active {
    background-color: #f46000 !important;
    color: white !important;
}

.scrollerY::-webkit-scrollbar {
    width: 5px;  /* remove scrollbar space */
    background: #f8f8f8;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.scrollerY::-webkit-scrollbar-thumb {
    background: #fe4f00;
}

.scrollerX::-webkit-scrollbar {
    height: 5px;  /* remove scrollbar space */
    background: #f8f8f8;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.scrollerX::-webkit-scrollbar-thumb {
    background: #fe4f00;
}


::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e0e0e0;
    border-radius: 10px;
}