/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


:root{
    --stcThin : 'stc-thin', arial, sans-serif;
    --stcLight : 'stc-light', arial, sans-serif;
    --stcRegular : 'stc-regular', arial, sans-serif;
    --stcMedium : 'stc-medium', arial, sans-serif;
    --stcBold : 'stc-bold', arial, sans-serif;
    --stcExtraBold : 'stc-extra-bold', arial, sans-serif;
    --stcIcons :'MySTC4';
    --purple : #4f008c;
    --moonLight: #a54ee1;
    --pink : #ff375e;
    --dark : #1d252d;
    --gray : #8e9aa0;
    --orange : #FFDD40;
    --borderGray : #dde0e2;
    --success : #00c48c;
    --error : #c80025;
    --seaLight:#1cced8;
    --sunsetLight:#ff6a39;
    --air : #f3f3f1;
    --defaultSahdow : 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

@font-face {
    font-family: 'stc-thin';
    src: url('../font/STCForward-Thin.eot');
    src:  url('../font/STCForward-Thin.woff') format('woff'), url('../font/STCForward-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stc-light';
    src: url('../font/STCForward-Light.eot');
    src:  url('../font/STCForward-Light.woff') format('woff'), url('../font/STCForward-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stc-regular';
    src: url('../font/STCForward-Regular.eot');
    src:  url('../font/STCForward-Regular.woff') format('woff'), url('../font/STCForward-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stc-medium';
    src: url('../font/STCForward-Medium.eot');
    src:  url('../font/STCForward-Medium.woff') format('woff'), url('../font/STCForward-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'stc-bold';
    src: url('../font/STCForward-Bold.eot');
    src:  url('../font/STCForward-Bold.woff') format('woff'), url('../font/STCForward-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stc-extra-bold';
    src: url('../font/STCForward-ExtraBold.eot');
    src:  url('../font/STCForward-ExtraBold.woff') format('woff'), url('../font/STCForward-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* MYSTC Rebrand icon font*/
@font-face {
    font-family: 'MySTC4';
    src:  url('../font/icomoon.eot');
    src: url('../font/icomoon.ttf') format('truetype'), url('../font/icomoon.woff') format('woff'),
    url('') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}