html, body{
	background-color: #eee!important;
	font-family: Arial,Helvetica,sans-serif,'Sans-serif';
}

.vx-bodybg{
	background-color: #eee!important;
}

.vx-required-item {
	border-left: 5px solid #f00;
}

.vx-infotag{
	border-left: 8px solid #FB9902;
	background-color: #F7E9D4;
	color: #555!important;
	font-style: italic;
	padding: 3px;
	margin: 3px;
	border-radius: 50px 5px 5px 50px / 20px 5px 5px 20px;
}

.vx-select option[mode='1']{
	background-color: #eee;
}

.vx-select option[mode='0']{
	background-color: #fff;
}

.vx-fixtopmenu{
	position: fixed; 
	z-index: 100; 
	width:   100%;
	top:0;
	left:0;
}
.vx-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2}
/*
.w3-bar-block .w3-bar-item {
	padding: 10px;
	font-weight: bold;
	color: #616161;
}
*/
.vx-text-italic {
	font-style: italic;
}

.vx-text-bold {
	font-style: bold;
}

.vx-googleicon-m {
	font-size: 16pt;
	vertical-align: middle; 
}
.vx-googleicon-s {
	font-size: 12pt;
	vertical-align: middle; 
}

.vx-padding-xsmall{
	padding: 2px 4px;
}

.vx-input-padding{
	padding: 1px 0px!important;
	margin: 0px 0px!important;
}

.vx-form:required{
	border: 1px solid red;
}

.vx-select{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
}

.vx-select[multiple] option{
	padding: 5px;
}

.vx-popup-border-coral{
	border-left: 12px solid coral; 
	border-top: 2px solid coral; 
	border-bottom: 2px solid coral; 
	border-right: 2px solid coral; 
}
.vx-popup-border{
	border-style: solid;	
	border-left-width: 12px; 
	border-top-width: 2px; 
	border-bottom-width: 2px; 
	border-right-width: 2px; 
}
.vx-smallheight td, .vx-smallheight th{
	padding: 4px 8px !important;
}
.vx-numeric-font{font-family: 'Trebuchet MS'!important;}
.vx-tabround,.vx-top-round{ border-radius:4px 4px 0px 0px;}
.vx-bottom-round{ border-radius:0px 0px 4px 4px;}
.vx-card{box-shadow:0 0 0 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.12)}
fieldset{border:1px solid #c0c0c0;margin:0 2px;border-radius:2px}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
.vx-arrow{ 
     width: 0;
     height: 0;
     border-top: solid 12px transparent;
     border-right: solid 12px transparent;
     border-bottom: solid 12px transparent;
     border-left: solid 12px blue;
	background-color:transparent;
}
@media(max-width:768px){.vx-dialog-width{width:75%}};
@media(min-width:769){.vx-dialog-width{width:650px}};
.vx-table-fixed tbody {
	height: 200px;
	overflow-y: auto;
	width: 100%;
}
.vx-table-fixed thead,
.vx-table-fixed tbody,
.vx-table-fixed tr,
.vx-table-fixed td,
.vx-table-fixed th {
	display: block;
}
.vx-table-fixed tr:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
.vx-table-fixed tbody td,
.vx-table-fixed thead > tr > th {
	/*float: left;*/
}