.n-icon svg {
    box-sizing: content-box;
    overflow: hidden;
    vertical-align: -15%;
    height: inherit !important;
    width: auto;
}

.n-icon .n-icon.secondary {
    opacity: 0.4;
}


/*color*/

.n-icon.navy {
    color: #001F3F;
}

.n-icon.blue {
    color: #0074D9;
}

.n-icon.aqua {
    color: #7FDBFF;
}

.n-icon.teal {
    color: #39CCCC;
}

.n-icon.olive {
    color: #3D9970;
}

.n-icon.green {
    color: #2ECC40;
}

.n-icon.lime {
    color: #01FF70;
}

.n-icon.yellow {
    color: #FFDC00;
}

.n-icon.orange {
    color: #FF851B;
}

.n-icon.red {
    color: #FF4136;
}

.n-icon.fuchsia {
    color: #F012BE;
}

.n-icon.purple {
    color: #B10DC9;
}

.n-icon.maroon {
    color: #85144B;
}

.n-icon.white {
    color: #FFFFFF;
}

.n-icon.silver {
    color: #DDDDDD;
}

.n-icon.gray {
    color: #AAAAAA;
}

.n-icon.black {
    color: #111111;
}

.font-size-15px {
    font-size: 16px;
}

.font-size-16px {
    font-size: 16px;
}

.font-size-17px {
    font-size: 16px;
}

.font-size-18px {
    font-size: 16px;
}