//*****************************************************************************
//*****************************************************************************
// Icon Styles
//*****************************************************************************
//*****************************************************************************

//=========================================================================
// Main Nav Icon Colors
//=========================================================================
.main-nav,
.sub-modules-nav,
main.layout-page .page-title {
    .la, .las,
    .fa, .fas,
    .material-icons {
        color: $secondary;
    }
/*
    .fa-cogs            { color: #eaa80e; }
    .fa-user-circle     { color: #a40eea; }
    .fa-map             { color: #6baf16; }
    .fa-address-card    { color: #eaaf19; }
    .fa-sign-in-alt     { color: #3f51b5; }
    .fa-clipboard-list  { color: #7cb342; }
    .fa-file-invoice-dollar,
    .fa-search-dollar,
    .fa-calculator      { color: #00897b; }
*/
}

.false-btn .fa {
    margin-right: auto;
    text-align: inherit;
}

.icon-only {
    //font-size: 12px !important;
    //margin-top: -3px;
}

.q-badge {
    min-height: 8px;
}
.timeline-container {
    position: relative;
    &:last-child {
        padding-bottom: 0;
    }
    .timeline-border {
        content: "";
        display: block;
        border-left: 1px solid #ccc;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 7px;
        top: 20px;
    }
    &:last-child .timeline-border {
        display: none;
    }
    &:first-child .timeline-icon {
        background: $green-8;
        &::before {
            border-color: $green-8;
        }
    }
    &:last-child .timeline-icon {
        background: $red-8;
        &::before {
            border-color: $red-8;
        }
    }
    .timeline-icon {
        background: $amber-8;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        z-index: 1;
        &::before {
            content: "";
            display: block;
            border-radius: 100%;
            border: 1px solid $amber-8;
            position: relative;
            left: -3px;
            top: -3px;
            height: 21px;
            width: 21px;
        }
    }
}