:root{
	.theme-Dark{
		--bodyBg: #0E0E0E;
		--headerBg:#151515;
		--menuBg: #151515;
		--dashbordheaderBg: #1B1B1B;
		--dashbordcontentBg: #1B1B1B;
		--tabletroddBg: #242323;
		--tabletrevenBg: #1B1B1B;

		--textColor: #ffffff;
		--borderColor: #2F2F2F;

		--mainTheme: #b63eb0;
		--mainThemeLight: #562353;
		--mainThemeLightMore: #3a1738;
		--mainDarkTheme: #852a80;
	}
	.theme-Blue{
		--mainTheme: #33619e;
		--mainThemeLight: #d7edf9;
		--mainThemeLightMore: #eff9ff;
		--mainDarkTheme: #1e3788;
	}
}


*{
	box-sizing: border-box;
	outline: none !important;
	-webkit-overflow-scrolling: touch;
}
body{
  height: 100%;
	font-size: 16px;
  color: $text-color;
  background-color: $body-bg;
	font-family: 'Source Sans Pro Regular', Arial, Helvetica, sans-serif !important;
	-webkit-overflow-scrolling: touch;
	@include media-breakpoint-down(sm){
		font-size: 15px;
	}
}

html[lang="zh-TW"]{
	body, .popover{
		// font-family: 'Source Sans Pro Regular', Arial, Helvetica, sans-serif !important;
		// font-weight: bold;
		font-weight: 600;
	}
}
html[lang="en"]{
	body, .popover{
		font-family: 'Source Sans Pro Regular', Arial, Helvetica, sans-serif !important;
		font-weight: bold;
	}
}
html[lang="zh-CN"]{
	body, .popover{
		// font-family: 'Noto Serif SC', sans-serif !important;
		font-weight: 500;
	}
}

input, button, select, optgroup, textarea{
	font-size: 16px;
}



a, button{
	outline: none;
}

ul,li{
	list-style-type: none;
	margin:0;
	padding: 0;
}

::-webkit-scrollbar{
	width: 5px;
	height: 7px;
	background-color: transparent;
	transition: all 0.3s;
	@include PC-small{
		width: 7px;
		&:hover{
			width: 10px;
		}
	}
	@include media-breakpoint-down(sm){
		width: 0px;
		height: 0px;
	}
}
::-webkit-scrollbar-track{
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.1);
	border-radius: 0;
	background-color: $body-bg;
}
::-webkit-scrollbar-thumb{
	border-radius: 4px;
	background-color: $main-theme;
}

.vuestic-sidebar{
	@include PC-small{
		&:hover{
			::-webkit-scrollbar{
				width: 10px;
			}
		}
	}
}

.modal{
	@include PC-small{
		&:hover{
			::-webkit-scrollbar{
				width: 10px;
			}
		}
	}
}



::placeholder {
	color: $border-color !important;
	font-size: 15px;
}
::-webkit-input-placeholder {
	color: $border-color !important;
	font-size: 15px;
}
:-ms-input-placeholder { 
	color: $border-color !important;
	font-size: 15px;
}

span, div{
	@include PC-small{
		font-size: 15px;
	}
}