@font-face {
  font-family: 'Raleway';
  src:  url('Raleway/Raleway-Regular.ttf') format('truetype');
}



.evBlue {
	background-color: #2196F3;
}

.evGreen {
	background-color:#4CAF50;
}

.evBlueText {
	color:#2196F3;
}

.evGrey {
	background-color: #494949;
}

.evGreyText {
	color: #494949;
}

.evLightGrey {
	background-color: #FAFBFC;
}

.evWhite {
	background-color: #ffffff;
}

.evShadow {
	/*box-shadow:0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);*/
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.19);
}

.evButton {
	font-size: 1.2em;
	color:#494949;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	border-radius: 3px;
	background-color:#FAFBFC;
	padding:5px;
}


.evButton:hover {
	font-size: 1.2em;
	color:#494949;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	border-radius: 3px;
	background-color:#FAFBFC;
	padding:5px;
}

.evTab {
	font-size: 2em;
	color:#494949;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	background-color:#ffffff;
	padding:0px;
	border-radius: 5px 5px 0px 0px;
}

.evTab:hover {
	font-size: 2em;
	color:#ffffff;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	background-color:#494949;
	padding:0px;
	border-radius: 5px 5px 0px 0px;
}

.evTabActive {
	font-size: 2em;
	color:#494949;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px 1px 1px 0px solid #e0e9ea;
	background-color:#FAFBFC;
	padding:0px;
	border-radius: 5px 5px 0px 0px;
	position: relative;
	top:2px;
}

.evBlueBox {
	font-size: 1.2em;
	color:#ffffff;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	border-radius: 3px;
	padding:5px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
}

.evBox {
	font-size: 1.2em;
	font-family: Gotham,sans-serif;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	border-radius: 3px;
	padding:5px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
}

.evHeader {
	background-color: #ffffff;
	width:100%;
}

.evMenuHeader {
	background-color: #2196F3;
	color:#ffffff;
	height:58px;
	width:100%;
}

.evSectionHeader {
	font-size: 1.2em;
	color:#494949;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	border-radius: 3px;
	background-color:#FAFBFC;
	padding:5px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
}

.evGreenSectionHeader {
	font-size: 1.2em;
	color:#FAFBFC;
	font-family: Raleway;
	font-weight: 300;
	text-align:center;
	border: 1px solid #e0e9ea;
	border-radius: 3px;
	background-color:#4CAF50;
	padding:5px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
}

.evTitle {
	font-size: 1.6em;
	color:#2196F3;
	height: 100px;
	font-family: Raleway;
	font-weight: 300;
	padding-top:20px;
}

.evPopupTitle {
	font-size: 2em;
	color:#FAFBFC;
	font-family: Raleway;
	font-weight: 900;
}

.evMobileFooter {
	display: table;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 65px;
    z-index: 9999;
    background: rgba(73,73,73,.85);
	color:#FAFBFC;
    table-layout: fixed;
    /*padding-bottom: env(safe-area-inset-bottom); */
	position: fixed;
	text-align:center;
}

.evFullHeader {
	display: table;
    position: fixed;
    top: 0;
    width: 300px;
    right: 0;
    height: 45px;
    z-index: 9999;
    background: rgba(73,73,73,.85);
	color:#FAFBFC;
    table-layout: fixed;
    padding-bottom: env(safe-area-inset-bottom); 
	position: fixed;
	text-align:center;
}

body {
	font-family:Raleway;
}