/*------------------------------------*\
  #ACCOUNT
\*------------------------------------*/

/*Login tile*/
.button__login {
    border-radius: 40px;
    text-align: center;
    width: 130px;
}

.button__login--color,
.button__login--color:hover {
    color: #fff;
    background-color: #EF8300;
}

/*Password recovery tile*/
.button__passwordrecovery {
    border-radius: 40px;
    text-align: center;
    width: auto;
}

.button__passwordrecovery--outline-color,
.button__passwordrecovery--outline-color:hover {
    border-color: #EF8300;
    color: #EF8300;
}

/*------------------------------------*\
  #DASHBOARDS
\*------------------------------------*/

/*Prediction*/
.predicition__icon--color {
    color: #EF8300;
}

/*Counting tiles*/
.icon-container__icon--bg-color {
    background: #FBEFE0;
}

.icon-container__icon--color {
    color: #EF8300;
}

/*Member validate tile*/
.button__validation-link {
    width: 100px;
}

.button__validation-link--color,
.button__validation-link--color:hover {
    border-color: #EF8300;
    color: #EF8300;
}

/*Member upload tile*/
.button__upload-link {
    width: 70px;
    border: none;
}

.button__upload-link--color,
.button__upload-link--color:hover {
    background-color: #EF8300;
    color: #fff;
}

/*Reward system tile*/
.button__viewdetails {
    width: 110px;
}

.button__viewdetails--color,
.button__viewdetails--color:hover {
    border-color: #EF8300;
    color: #EF8300;
}

/*World Map*/
.worldMap__region:hover,
.worldMap__region--fill-color {
    fill: #EF8300;
}

/*Table row highlight*/
tbody.table-body-td tr:hover,
tbody.topflop-table-body tr:hover td:not([rowspan]),
.area-row-hover,
.product-row-hover {
    color: #fff;
    background-color: #EF8300;
}

/*Top Ten Table*/
.topten-progress__bar--bg-color {
    background-color: #EF8300;
}

.topten-progress__bar--bg-color-light {
    background-color: #edbd82;
}


/*------------------------------------*\
  #TYPEAHEAD
\*------------------------------------*/
.typehead-title {
    font-size: 12pt;
    font-weight: 700;
    color: #EF8300;
}

.selectr-selected-item--bg-color {
    background: #FBEFE0;
}

.selectr-selected-item__text--color,
.selectr-selected-item__text--color:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.selectr-selected-item__icon--color {
    color: #EF8300;
}


/*------------------------------------*\
  #EJ TREE VIEW
\*------------------------------------*/
.e-treeview .e-active, .e-treeview .e-node-hover {
    background-color: #EF8300 !important;
}


/*------------------------------------*\
  #GENERIC
\*------------------------------------*/
.star-rating__icon--color {
    color: #EF8300;
}

.hyperlink__ci--color {
    color: #EF8300!important;
}

.border__ci--color {
    transition: border 0.1s ease;
}
    .border__ci--color:hover {
        border: 1px solid #EF8300;
        border-radius: 5px;
    }

/*------------------------------------*\
  #BUTTONS
\*------------------------------------*/
/*Generic*/
.button__ci-outline {
    border-color: #EF8300;
    color: #EF8300;
}
.button__ci-outline:hover {
    background-color: #EF8300;
    color: #fff;
}

.button__ci--color,
.button__ci--color:hover {
    background-color: #EF8300;
    color: #fff;
}

.button__ci-button-outline--color {
    color: #EF8300;
    border-color: #EF8300;
}

    .button__ci-button-outline--color:hover {
        background-color: #EF8300;
        color: #fff;
    }

.modal-footer__button--color,
.modal-footer__button--color:hover {
    background-color: #EF8300;
    color: #fff;
}

.modal-footer__button-outline--color,
.modal-footer__button-outline--color:hover {
    color: #EF8300;
    border-color: #EF8300;
}

/*Custom pill button*/
.group-btn {
    text-align: center;
    width: 150px;
    border-radius: 20px;
    padding: 0px;
    font-size: .85em;
}

.group-btn--active--color,
.group-btn--active--color:hover {
    background-color: #EF8300;
    color: #fff;
}

.group-btn--color,
.group-btn--color:hover {
    background-color: #E9ECEF;
    color: #868E96;
}

/*Filter section*/
.side-filter__button {
    border-radius: 20px;
}

.side-filter__button--color,
.side-filter__button--color:hover {
    background-color: #EF8300;
    color: #fff;
}

.side-filter__button-outline--color,
.side-filter__button-outline--color:hover {
    color: #EF8300;
    border-color: #EF8300;
}

/*------------------------------------*\
  #ID Card
\*------------------------------------*/
.idcard__website-url--color {
    color: #EF8300;
}
.idcard-alert-container {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.idcard-alert-container--bg-color {
    color: #EF8300;
    background-color: #FBEFE0;
}
.idcard-alert-container__button--color,
.idcard-alert-container__button--color:hover {
    background-color: #EF8300;
    color: #fff;
}
/*------------------------------------*\
  #CONTACT PERSON
\*------------------------------------*/
.contactperson__contactdata-link--color {
    color: #EF8300;
}

/*------------------------------------*\
  #COMPANY STRUCTURE
\*------------------------------------*/
#membertree.e-treeview .e-active, #membertree.e-fullrow-wrap .e-li-active > .e-fullrow,
#membertree.e-fullrow-wrap .e-li-hover > .e-fullrow {
    background: #EF8300; /*#ff9200; */
    border-radius: 0px;
}

.headquarter-container__icon {
    font-size: 1.5rem;
}

.headquarter-container__icon--color {
    color: #EF8300;
}

.button__show-world-map--color,
.button__show-world-map--color:hover {
    color: #EF8300;
    border-color: #EF8300;
}

/*------------------------------------*\
  #MANUAL DATA ENTRY 
\*------------------------------------*/
table.dataTable tbody tr.selected {
    color: #fff;
    background-color: #EF8300 !important;
}

table.child-table tbody tr.selected {
    color: #fff;
    background-color: #EF8300 !important;
}