@font-face {
	font-family: 'vw-head';
	font-weight: 400;
	font-display: swap;
	src: url('fonts/vwhead-regular.woff2') format('woff2'),
	url('fonts/vwhead-regular.woff') format('woff');
}

@font-face {
	font-family: 'vw-head';
	font-weight: 700;
	font-display: swap;
	src: url('fonts/vwhead-bold.woff2') format('woff2'),
	url('fonts/vwhead-bold.woff') format('woff');
}

@font-face {
	font-family: 'vw-head';
	font-weight: 200;
	font-display: swap;
	src: url('fonts/vwhead-light.woff2') format('woff2'),
	url('fonts/vwhead-light.woff') format('woff');
}

@font-face {
	font-family: 'vw-text';
	font-weight: 400;
	font-display: swap;
	src: url('fonts/vwtext-regular.woff2') format('woff2'),
	url('fonts/vwtext-regular.woff') format('woff');
}

@font-face {
	font-family: 'vw-text';
	font-weight: 700;
	font-display: swap;
	src: url('fonts/vwtext-bold.woff2') format('woff2'),
	url('fonts/vwtext-bold.woff') format('woff');
}

@font-face {
	font-family: 'vw-head-ar';
	font-weight: 700;
	font-display: swap;
	src: url('fonts/HelveticaNeueArabicBD.woff') format('woff');
}

@font-face {
	font-family: 'vw-text-ar';
	font-weight: 400;
	font-display: swap;
	src: url('fonts/HelveticaNeueArabicLT.woff') format('woff');
}

@font-face {
	font-family: 'roboto-vi';
	font-weight: 200;
	font-display: swap;
	src: url('fonts/roboto-v20-vietnamese_latin-ext_latin-300.woff2') format('woff2'),
	url('fonts/roboto-v20-vietnamese_latin-ext_latin-300.woff') format('woff');
}
@font-face {
	font-family: 'roboto-vi';
	font-weight: 400;
	font-display: swap;
	src: url('fonts/roboto-v20-vietnamese_latin-ext_latin-regular.woff2') format('woff2'),
	url('fonts/roboto-v20-vietnamese_latin-ext_latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'roboto-vi';
	font-weight: 700;
	font-display: swap;
	src: url('fonts/roboto-v20-vietnamese_latin-ext_latin-700.woff2') format('woff2'),
	url('fonts/roboto-v20-vietnamese_latin-ext_latin-700.woff') format('woff');
}

.text-primary {
    color: #019df4 !important;
}

.text-secondary {
    color: #5CB615 !important;
}

a {
    color: #019df4;
    text-decoration: none;
    background-color: transparent;
}

html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 13px !important;
    font-family: vw-head, Poppins, Helvetica, "sans-serif";
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #019df4;
}

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #019df4;
    border-color: #019df4;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #FFFFFF;
    background-color: #019df4;
    border-color: #019df4;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #019df4;
    border-color: #019df4;
}

@media (max-width: 991.98px){
	/* .aside-secondary-enabled .aside {
		width: 70px;
		left: -315px;
	} */
}

/* menu aside primary */

.btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-clean.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-clean.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #5CB615 !important;
}

.btn.btn-clean .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #019df4;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-clean:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #5CB615;
}

.col-form-label {
    padding-top: 0;
    padding-bottom: 0;
}

.aside .aside-toggle {
    position: relative;
    right: 0;
    bottom: 0;
    height: 36px;
    width: 36px;
    margin-right: 0;
    z-index: 99;
}

/* .aside .aside-toggle {
    position: absolute;
    right: 0;
    bottom: 40px;
    height: 36px;
    width: 36px;
    margin-right: -18px;
    z-index: 99;
} */