@font-face {
  font-family: opensans;
  src: url('/fonts/OpenSans-Regular.ttf');
}
	@font-face {
	  font-family: opensans;
	  src: url('/fonts/OpenSans-Bold.ttf');
	  font-weight:bold;
	}
	@font-face {
	  font-family: opensans;
	  src: url('/fonts/OpenSans-SemiBold.ttf');
	  font-weight:200;
	}
	@font-face {
	  font-family: opensans;
	  src: url('/fonts/OpenSans-ExtraBold.ttf');
	  font-weight:800;
	}
	.vheading
	{
		font-family:opensans;
		font-weight:800;
		color:#304D91;
	}
	.vtitle
	{
		font-family:opensans;
		font-weight:200;
		color:#304D91;		
	}

html
{
	scroll-behavior: auto!important;
}

body
{
	font-family:opensans;
}
a
{
	font-weight:bold;
	text-decoration:underline;
	color:#304D91;
	opacity:1;
	transition:opacity 0.4s;
}
	a:hover
	{
		opacity:0.5;
	}
	a.vstrip
	{
		font-weight:normal;
		text-decoration:none;
		color:inherit;
		opacity:1;
		transition:none;
	}
h6, .h6
{
	font-size:1.15rem;
}
.breadcrumb-item+.breadcrumb-item::before
{
    padding-right:0;
}

.vheader
{
	background-image:url('/img/bg/header.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	box-shadow:0px 6px 6px rgba(0,0,0,0.2);
	position:relative;
	z-index:2;
}
	.offcanvas
	{
		background-image:url('/img/bg/header_mobile.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top;
	}
.vbody
{
	background-color:#F3F3F3;
	/*background-color:#E1E1E1;*/
	position:relative;
	z-index:0;
}
.vfooter
{
	background-image:url('/img/bg/footer.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	min-height:40vh;
	position:relative;
	z-index:1;
}

.vcoverimgpos
{
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.vindicators > div:first-child
{
	padding-top:1rem;
	padding-left:1rem;
	padding-bottom:0.25rem;
	font-weight:bold;
}
	.vindicators > section > div
	{
		width:100%;
		position:relative;
	}
	.vindicators > section > div > a > div:first-child
	{
		width:100%;
		font-weight:normal;
		padding-top:0.25rem;
		padding-left:1.5rem;
		padding-right:0.5rem;		
		padding-bottom:0.25rem;
		border:0;
		cursor:pointer;
	}
	.vindicators > section > div > a > div:nth-child(2)
	{
		position:absolute;
		top:0;
		left:0;		
		width:100%;
		background-color:white;
		color:black;
		font-weight:normal;
		padding-top:0.25rem;
		padding-left:1.5rem;
		padding-right:0.5rem;
		padding-bottom:0.25rem;
		opacity:1;
		transition:opacity 0.4s;
		cursor:pointer;
	}
	.vindicators > section > div > a > div:nth-child(2):hover
	{
		opacity:0;
	}


.vbd1
{
	border:1px solid gainsboro;
}

.vbg1
{
	/*gradient*/
	background: rgb(48,77,145);
	background: linear-gradient(90deg, rgba(48,77,145,1) 0%, rgba(4,207,166,1) 100%);
	color:white;
	opacity:1;
	transition:opacity 0.4s;
	font-weight:bold;
	border:1px solid silver;
}
	.vbg1:hover
	{
		color:white;
		border:1px solid silver;
		opacity:0.5;
	}
.vbg2
{
	/*grey*/
	background-color:#E1E1E1;
}
.vbg3
{
	/*green*/
	background-color:#04CFA6;
}
	.vbg3-2
	{
		/*green*/
		background-color:#04CFA6;
		color:white;
		opacity:1;
		transition:opacity 0.4s;
	}
		.vbg3-2:hover
		{
			/*green*/
			color:white;
			opacity:0.5;
		}
.vbg4
{
	/*blue2*/
	background-color:#4788BD;
	color:white;
	opacity:1;
	transition:opacity 0.4s;
	font-weight:bold;
}
	.vbg4:hover
	{
		color:white;
		opacity:0.5;
	}
	.vbg4-2
	{
		/*blue2*/
		background-color:#4788BD;
	}
	.vbg4-3
	{
		/*blue2*/
		background-color:#4788BD;
		color:white;
		font-weight:bold;
	}
.vbg5
{
	/*light blue 1*/
	background-color:#4FA8E2;
}
	.mark, mark {
		margin:0!important;
		padding:0!important;
		background-color:#04CFA6!important;
	}

.vbg6
{
	/*white*/
	background-color:white;
	color:#304D91;
	opacity:1;
	transition:background-color 0.4s;
}
	.vbg6:hover
	{
		/*white*/
		background-color:#04CFA6;
		color:white;
		opacity:1;
	}
	.vbg6-2
	{
		background-color:white!important;
		opacity:0.5!important;
	}
.vbg7
{
	background-color:#;
}
.vbg8
{
	background-color:#;
}
.vbg9
{
	background-color:#;
}
.vbg10
{
	background-color:#;
}
.vbg11
{
	background-color:#;
}
.vbg12
{
	background-color:#;
}

.vc5
{
	color:#4FA8E2;
	opacity:1;
	transition:opacity 0.4s;
}
	.vc5:hover
	{
		color:#4FA8E2;
		opacity:0.5;
	}
.vc8
{
	color:#04CFA6;
	opacity:1;
	transition:opacity 0.4s;	
}
.vc11
{
	color:#304D91;
	opacity:1;
	transition:opacity 0.4s;	
}
	.vc11:hover
	{
		color:#304D91;
		opacity:0.5;
	}
	.page-item.active .page-link.vc11 {
		background-color: #04CFA6;
		border-color: #04CFA6;
	}
.vbglink
{
	background-color:white;
	opacity:1;
	transition:opacity 0.4s;
}
	.vbglink:hover
	{
		opacity:0;
	}

.vshadow-sm
{
	box-shadow:0px 0.25rem 0.25rem silver;
}

.vsfdatatable input[type="text"]
{
	font-size:1.25rem;
}
	.vbrw
	{
		border-right:0.25rem solid white;
	}
		.vblw
		{
			border-left:0.25rem solid white;
		}
		.vbtw
		{
			border-top:0.25rem solid white;
		}
		.vbxw
		{
			border-left:0.25rem solid white;
			border-right:0.25rem solid white;
		}
		.vbbg
		{
			border-bottom:0.15rem dotted gainsboro;
		}
		.vbbw
		{
			border-bottom:0.25rem solid white;
		}

.v169
{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
	.v169-container
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
.v164
{
	position:relative;
	width:100%;
	padding-top:25%;
}
	.v164-container
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
.v916
{
	position:relative;
	width:100%;
	padding-top:177.78%;
}
	.v916-container
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
.v11
{
	position:relative;
	width:100%;
	padding-top:100%;
}
	.v11-container
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
.v43
{
	position:relative;
	width:100%;
	padding-top:75%;
}
	.v43-container
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
.v34
{
	position:relative;
	width:100%;
	padding-top:133.33%;
}
	.v34-container
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}

.vcover
{
	width:100%;
	position:relative;
	background-position:center;
	background-size:cover;
}
	.vimageflare
	{
		background-color:white;
		opacity:0.15;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:0;
	}
	.vcovercontainer
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:1;
	}
	
.vcategory
{
	display:inline-block;
	padding:0.25rem 0.5rem;
	color:white;
}

.vmobilemenubtn
{
	background-color:transparent;
	transition:background-color 0.4s;
}
	.vmobilemenubtn:hover
	{
		background-color:#E1E1E1;	
	}
	#vmobilemenu ul.nav > li
	{
		margin-bottom:1rem!important;
	}

.vstatlabel
{
	min-width:40%;
}

.vtooltip .tooltip-inner
{
	background-color:#4FA8E2;
	color:white;
	font-family:opensans;
	font-weight:200;
}
	.vtooltip.bs-tooltip-top .tooltip-arrow::before {
      border-top-color: #4FA8E2;
    }

    .vtooltip.bs-tooltip-bottom .tooltip-arrow::before {
      border-bottom-color: #4FA8E2;
    }

    .vtooltip.bs-tooltip-start .tooltip-arrow::before {
      border-left-color: #4FA8E2;
    }

    .vtooltip.bs-tooltip-end .tooltip-arrow::before {
      border-right-color: #4FA8E2;
    }
	.vtooltip.tooltip{
		opacity:1!important;
	}
	
.vtooltip_format
{
	background-color:#BFBFBF;
	margin-top:5px;
	margin-bottom:5px;	
	margin-left:2.5px;
	font-weight:200;
	display:inline-block;
	float:right;
}
.vtooltip_button
{
	margin-top:5px;
	margin-bottom:5px;	
	margin-left:2.5px;
	font-weight:200;
	float:right;
	border-color:gainsboro;
}

.vcategorylabels
{
	cursor:pointer;
}

@media only screen and (max-width: 767px)
{
	html
	{
		font-size:10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
	html
	{
		font-size:10px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	html
	{
		font-size:10px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px)
{
	html
	{
		font-size:12px;
	}
}


@media only screen and (min-width: 1400px) and (max-width: 1599px)
{
	html
	{
		font-size:13px;
	}
}

@media only screen and (min-width: 1600px) and (max-width: 1799px)
{
	html
	{
		font-size:14px;
	}
}

@media only screen and (min-width: 1800px)
{
	html
	{
		font-size:14px;
	}
}