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

.la, .las,
.fa, .fas,
.material-icons {
    font-size: 16px;
}

a > [class^="la-"],
a > [class^=" la-"],
a > [class^="fa-"],
a > [class*=" fa-"] {
    margin-right: 10px;
    &.on-left {
        margin-right: 12px;
    }
}

.scq-alert,
.btn,
.q-btn,
.q-banner,
.label {
    .fa, .fas,
    .la, .las,
    .material-icons {
        margin-right: 10px;
        &.on-left {
            margin-right: 12px;
        }
    }
}

.q-uploader .q-icon {
    margin-right: 0;
}

.q-notification__actions,
.q-date__arrow,
.icon-only,
.no-icon-margin-right,
.q-tab {
    .fa, .fas,
    .la, .las,
    .material-icons {
        margin-right: 0 !important;
    }
}

.q-btn-dropdown__arrow-container .q-btn-dropdown__arrow {
    margin-right: 0 !important;
}

.scq-lead-icon {
    margin-right: 10px;
}

.scq-no-lead-icon,
.scq-not-lead-icon {
    margin-right: 0px;
}

.scq-follow-icon {
    margin-left: 10px;
}

.scq-no-follow-icon,
.scq-not-follow-icon {
    margin-left: 0px;
}

.scq-icon-only {
    margin-right: 0px;
    margin-left: 0px;
}

.q-icon.icon-only {
    margin-right: 0 !important;
}

.q-chip {
    .q-chip__icon--remove {
        margin-left: 10px;
    }
    .q-chip__icon--left {
        margin-right: 10px;
    }
}

/*
.q-btn {
    .q-icon:only-child {
        margin-right: 0;
    }
}
*/

.sub-modules-nav {
    .q-icon {
        width: 25px;
    }
    .fa, fas,
    la, las,
    .material-icons {
        margin-right: 8px;
    }
}

//*****************************************************************************
// Icon Sizing
//*****************************************************************************
.la.la2,
.fa.fa2 {
    font-size: 2em;
}
.la.la3,
.fa.fa3 {
    font-size: 4em;
}
.la.la4,
.fa.fa4 {
    font-size: 7em;
}
.la.la5,
.fa.fa5 {
    font-size: 12em;
}
.la.la6,
.fa.fa6 {
    font-size: 20em;
}

.la.la1,
.la.la2,
.la.la3,
.la.la4,
.la.la5,
.la.la6,
.fa.fa1,
.fa.fa2,
.fa.fa3,
.fa.fa4,
.fa.fa5,
.fa.fa6 {
    margin-right: 0.0714286em;
}

//*****************************************************************************
// Q-Fab Styles
//*****************************************************************************
.q-fab {

    .q-btn--fab {
        .q-icon {
            margin: auto;
        }
    }

    .q-fab__actions {
        .q-btn {
            .q-icon {
                margin-right: 0;
            }
        }
    }
}

//*****************************************************************************
// Q-message Avatar Styles
//*****************************************************************************
.q-icon.q-message-avatar {
    &.q-message-avatar--sent {
        margin-left: 8px;
    }
    &.q-message-avatar--received {
        margin-right: 8px;
    }
}