@charset "ISO-8859-1";

.datafilters {
	text-align: right;
}

/* .filter2 {
	text-align: right;
} */
.dashBoardContainer {
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 10%;
	margin: 0px auto;
}

img:hover {
	cursor: pointer;
}

.dataTable table {
	/* font-family: arial, sans-serif; */
	border-collapse: collapse;
	width: 93vw;
}

.dataTable td, th {
	border: 1px solid #adcee9;
	text-align: center;
	width: 10vw;
	padding: 0.7vw;
}

.dataTable th {
	background-color: #217cc1;
	color: white;
	height: 4vw;
}

.dataTable tr {
	height: 4vw;
}

.dataTable tr:hover {
	background-color: #d3e5f3;
}

.dataTable tr:nth-child(odd) {
	background-color: #f7fafd;
}

.dropdown {
	margin-right: 10px;
}

.dropdown-content a {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {
	background-color: #ddd;
}

#tab {
	border: 1px solid #ccc;
	height: 3.3vw;
	width: 100%;
	border-right: none;
	border-left: none;
}
#pagination-demo li {
  display: inline-block;
  position: relative;
    padding-left: 11px;
    margin: 0 0 3px 0;
}
#pagination-demo li {
  color: black;
}
#pagination-demo li a{
	color: black;
    padding: 10px 12px;
    text-decoration: none;
    text-align: center;
    /* margin-left: 14px; */
    border: 1px solid #d7d7d7;
    height: 30px;
    width: 30px;
    border-radius: 5px;
}

 /* .activeButton{
	background-color: #ffffff !important;
    color: #217cc1 !important;
    border: 1px solid #217cc1 !important;
    border-radius: 5px !important;
    height: 30px !important;
    width: 30px !important;
    text-align: center !important;
} */

.buttonActive{
	border: 1px solid #217cc1 !important;
	color: #217cc1 !important;
	border-radius: 5px !important;
}
.listingElement{
	display: inline-block;
}

/* .current{
	border: 1px solid #217cc1;
	color: #217cc1
} */
/* .tab a {
	color: black;
	float: left;
	cursor: pointer;
	background-color: #ffffff;
	text-decoration: none;
	padding: 14px 16px;
	border-bottom: transparent solid 2px;
	padding-bottom: 10px;
	font-size: 15px;
}

.tab a:hover {
	color: #217cc1;
	background-color: #ffffff;
	border-bottom: #217cc1 solid 15px;
	font-weight: bold;
} */
/* Create an active/current tablink class */
.multiselect {
	width: auto;
	display: inline-block;
	margin-left: 1.1%;
	float: right;
	
}

.multiselectPages{
	width: auto;
	display: inline-block;
	margin-left: 1.1%;
	float: right;
	
}
.multiselectDuration {
	width: auto;
	display: inline-block;
	margin-left: 1.1%;
	float: right;
	
}
.selectBox {
	position: relative;
}

.selectBox select {
	font-weight: bold;
	background:  #008ae6;
}

.overSelect {
	position: absolute;
}

/* #conutryCheckboxes {
  display: none;
  border: 1px #dadada solid;
}

#conutryCheckboxes label {
  display: block;
}

#conutryCheckboxes label:hover {
  background-color: #1e90ff;
} */
.dropDownList {
	display: none;
	border: 1px #dadada solid;
	width: 13vw;
	position: absolute;
	background-color: #f7fafd;
	padding-left: 1%;
	margin-left: -3vw;
	margin-top: -0.1vw;
	max-height: 11.5vw;
    overflow: auto;
}

.dropDownList label {
	display: block;
	font-size: 1vw;
	margin-left: -1vw;
	margin-bottom: 4px;
    font-weight: 700;
    max-width:none;
	
}

.dropDownList label:hover {
	background-color: #217cc1;
}

.filterTable {
	width: 100%;
	position: absolute;
	z-index: 1;
	right: 3vw;
}

.filterTable td {
	padding-left: 15px;
}

/* #adminList {
  display: none;
  border: 1px #dadada solid;
}

#adminList label {
  display: block;
}

#adminList label:hover {
  background-color: #1e90ff;
} */

/* loing form */
.loginContainer {
	position: relative;
	z-index: 1;
	max-width: 25vw;
	margin: 0 auto;
}

.loginContainer:before, .loginContainer:after {
	content: "";
	display: block;
	clear: both;
}

.loginContainer .info {
	margin: 50px auto;
	text-align: center;
}

#one {
	position: relative;
}

.loginContainer .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 40px;
	font-weight: 300;
	color: #1a1a1a;
}

.loginContainer .info span {
	color: #4d4d4d;
	font-size: 12px;
}

.loginContainer .info span a {
	color: #000000;
	text-decoration: none;
}

.loginContainer .info span .fa {
	color: #EF3B3A;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
	width: 25vw;
	padding: 5vw 0 0;
	margin: auto;
}

IMG.logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor:auto;
}

.loginForm {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 25vw;
	margin: 0 auto 100px;
	padding: 2vw;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
}

.loginForm input {
	/*font-family: "Roboto", sans-serif;*/
	outline: 0;
	border-radius: 0.8vw;
	background: #f2f2f2;
	width: 19vw;
	border: 0;
	margin: 0 0 1.5vw;
	padding: 0.9vw;
	box-sizing: border-box;
	font-size: 1vw;
	height: 2.7vw;
}

.loginForm button {
	/*font-family: "Roboto", sans-serif; */
	border-radius: 0.8vw;
	/*text-transform: uppercase;*/
	outline: 0;
	background: #008ae6;
	width: 19vw;
	border: 0;
	padding: 0.9vw;
	color: #FFFFFF;
	font-size: 1vw;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	height: 2.9vw;
}

.loginForm button:hover, .form button:active, .form button:focus {
	background: #008ae6;
}

.loginForm .message {
	margin: 15px 0 0;
	color: #666666;
	font-size: 0.8vw;
}

.loginForm .message a {
	color: #4CAF50;
	text-decoration: none;
}

.loginForm .register-form {
	display: none;
}

.LoginBody {
	/* background: #76b852; 
  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  background: -moz-linear-gradient(right, #76b852, #8DC26F);
  background: -o-linear-gradient(right, #76b852, #8DC26F);
  background: linear-gradient(to left, #76b852, #8DC26F); */
	/* font-family: "Roboto", sans-serif; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* dashBoard page*/
/* .overSelect {
	border-radius: 5px;
	height: 30px;
	width: 150px;
	border-color: #008ae6;
	font-size: 12px;
	margin-left: 980px;
} */

/* .multiSelect {
	border-radius: 5px;
	height: 30px;
	width: 150px;
	border-color: #008ae6;
	font-size: 12px;
	margin-right: 20px;
	margin-top: 20px;
} */
.round {
	width: 22.3vw;
	height: 2vw;
	display: inline-block;
	padding: 0.5% 0.5% 0.5% 0.5%;
	position: relative;
	z-index: 5;
	border:none;
	outline:none;
	float: right;
	margin-right: 1.7vw;
	font-size: 1vw;
}

.corner {
	position: absolute;
	top: 14%;
	right: 0.2%;
	z-index: 10;
	height: 1.5vw;
	width: 1.5vw;

	/* Set the bg image here. with "no-repeat" */
}

.dropDownList1 {
	border-radius: 5px;
	height: 2vw;
	font-size: 1vw;
	border-color: #008ae6;
	margin-left: -20%;
	width: 10vw;
	font-family: ITCAvantGardeStd;
}

.dropDownList12 {
	border-radius: 5px;
	height: 2vw;
	border-color: #008ae6;
	font-size: 1vw;
	margin-left: -20%;
	width: 10vw;
	font-family: ITCAvantGardeStd;
}

#selectedPages {
	border-radius: 5px;
	height: 2vw;
	width: 11vw;
	border-color: #008ae6;
	font-size: 1vw;
	padding-left: 0.4vw;
	margin-left: 0vw;
	outline:none;
}

#selectedPeriod {
	border-radius: 5px;
	height: 2vw;
	width: 11vw;
	border-color: #008ae6;
	font-size: 1vw;
	padding-left: 0.4vw;
	margin-left: 0vw;
	outline:none;
}

.th {
	border:1px solid black;
	width: 25vw;
	float:right;
	border-radius:1vw;
	margin-left:1vw;
}

.pagination {
	margin-left: 554px;
	/* margin-top: 300px; */
}

.b1 {
	border: 2px;
	border-radius: 2px;
	background-color: #ffffff;
	color: #696969;
}

.b1:hover {
	border: 2px solid #008ae6;
	border-radius: 2px;
	background-color: #ffffff;
	color: #217cc1;
}

.b2 {
	border: 2px;
	border-radius: 2px;
	background-color: #ffffff;
	color: #696969;
}

.b2:hover {
	border: 2px solid #008ae6;
	border-radius: 2px;
	background-color: #ffffff;
	color: #217cc1;
}

.b3 {
	border: 2px;
	border-radius: 2px;
	background-color: #ffffff;
	color: #696969;
}

.b3:hover {
	border: 2px solid #008ae6;
	border-radius: 2px;
	background-color: #ffffff;
	color: #217cc1;
}

.b4 {
	border: 2px;
	border-radius: 2px;
	background-color: #ffffff;
	color: #696969;
}

.b4:hover {
	border: 2px solid #008ae6;
	border-radius: 2px;
	background-color: #ffffff;
	color: #217cc1;
}

.img1 {
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #D3D3D3;
}

.img1:hover {
	padding: 2px;
	border: 1px solid #217cc1;
	border-radius: 2px;
	background-color: #ffffff;
	color: solid #D3D3D3;
}

.img2 {
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #D3D3D3;
}

.img2:hover {
	padding: 2px;
	border: 1px solid #217cc1;
	border-radius: 2px;
	background-color: #ffffff;
	color: #008ae6;
}

.img3 {
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #D3D3D3;
}

.img3:hover {
	padding: 2px;
	border: 1px solid #217cc1;
	border-radius: 2px;
	background-color: #ffffff;
	color: #008ae6;
}

.img4 {
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #D3D3D3;
}

.img4:hover {
	padding: 2px;
	border: 1px solid #217cc1;
	border-radius: 2px;
	background-color: #ffffff;
	color: #008ae6;
}

.header1{
	width:100%;
}
#totalAnomalyCount {
	background-color: red;
	border-color: white;
	border-radius: 57%;
	padding: 0.1vw 0.3vw;
	font-size: 0.7vw;
	top: 0.8vw;
	font-weight: bold;
	left: 1.1vw;
	color: white;
	position: absolute;
}

/* .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.imgContainer {
	float: right;
	position: relative;
	margin-left: 90vw;
	margin-top: -3.5vw;
}

.conutryCheckboxes {
	margin: 4px 8px 2px -1px;
}

.dialog {
	background: #f0f1f2;
	border: 1px solid #ccc;
	border-radius: 12px;
	float: left;
	height: 1.6vw;
	margin-top: 1vw;
	margin-right: 1vw;
	width: 4vw;
	text-align: center;
	font-size: 1vw;
}

.dialog2 {
	background: #f0f1f2;
	border: 1px solid #ccc;
	border-radius: 12px;
	float: left;
	height: 1.6vw;
	margin-top: 1vw;
	margin-right: 1vw;
	width: auto;
	text-align: center;
	font-size: 1vw;
	padding-left: 0.6vw;
	padding-right: 0.6vw;
}

.btn-group1 {
	background-color: #f7fafd;
	z-index: 99;
	opacity: 10;
	height: 8vw;
	width: 14vw;
	/* position: absolute; */
}

.btn-group1 button {
	border: none;
	background-color: #f7fafd;
	color: black;
	cursor: pointer;
	width: 14vw;
	display: block;
	font-size: 0.9vw;
	height: 2.5vw;
	text: left;
}

.btn-group2 {
	background-color: #f7fafd;
	z-index: 99;
	opacity: 10;
	height: 3vw;
	outline:none;
	/* position: absolute; */
}

.btn-group2 button {
	border: none;
	background-color: #f7fafd;
	color: black;
	cursor: pointer;
	width: 14.2vw;
	display: block;
	font-size: 0.9vw;
	height: 2.9vw;
	outline:none;
}

.admin {
	border: 1px solid #808080;
	/* margin-right: 16%; */
    margin-right: -2vw;
	margin-top: -1.5vw;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.14);
	display: block;
	z-index: 9;
	opacity: 20;
	position: relative;
	text-align: center;
}

.admin2 {
	border: 1px solid #808080;
	width: 217px;
	height: 46px;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.14);
	display: block;
	z-index: 9;
	opacity: 20;
	position: relative;
	margin-top: -0.9vw;
    margin-right: -2vw;
}

.btn-group button:hover {
	background-color: white;
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.btn {
	margin-right: 18vw;
	height: 2.3vw;
	width: 6vw;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 0.3vw;
	background: #217cc1;
	color: white;
	font-size: 0.9vw;
	text-align: center;
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	opacity: 0;
}

.formnew .message {
	margin-top: 0.4vw;
	margin-left: -3vw;
	color: black;
	font-size: 0.8vw;
}

.formnew {
	border-radius: 5px;
	background: #FFFFFF;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
	position: absolute;
	top: 10vw;
	left: 34vw;
	width: 31vw;
	z-index: 99;
	height: 18vw;
}

#downoladDataPopUp {
	border-radius: 5px;
	background: #FFFFFF;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
	position: absolute;
	top: 10vw;
	left: 34vw;
	width: 31vw;
	z-index: 99;
	height: 10vw;
}

.header {
	border-radius: 0.3vw;
	background: #217cc1;
	text-align: left;
	padding: 0.4vw;
	color: white;
	width: 31vw;
	height: 2vw;
	font-size: 1vw;
}

.divFile {
	width: 17vw;
	height: 2.3vw;
	border: 1px solid #aaaaaa;
	margin-top: -2.2vw;
	margin-left: 8vw;
}

#fileContainer{
	display: inline-block;
    width: auto;
    height: 1vw;
    font-size: 0.9vw;
    top: 10.1vw;
}
#crossImage{
    width: 14px;
    height: 14px;
}

#checkImage{
	position: absolute;
    width: 2vw;
    top: 10vw;
    left: 4.5vw;
}
#btn235 {
	border: 1px solid #217cc1;
	color: #217cc1;
	background-color: #ffffff;
	border-radius: 0.3vw;
	padding: 0.3vw;
	float:right;
    top:15vw;
    right:12vw;
	font-size: 0.9vw;
	font-weight: bold;
	width: 6vw;
	position:absolute;
	outline:none;	
}

#btn236 {
	border: 1px solid #217cc1;
	color: #217cc1;
	background-color: #ffffff;
	border-radius: 0.3vw;
	padding: 0.3vw;
	float:right;
    top:15vw;
    right:12vw;
	font-size: 0.9vw;
	font-weight: bold;
	width: 6vw;
	position:absolute;
	outline:none;	
}

#btn237  {
	border: 1px solid #217cc1;
	color: #217cc1;
	background-color: #ffffff;
	border-radius: 0.3vw;
	padding: 0.3vw;
	float: right;
	top: 7vw;
	right: 12vw;
	font-size: 0.9vw;
	font-weight: bold;
	width: 6vw;
	position: absolute;
	outline: none;
}

.btn-group {
	display: none;
}

.pagination {
	display: inline-block;
	margin-left: 37vw;
}

.pagination a {
	color: black;
	float: left;
	padding: 4px 3px;
	text-decoration: none;
	text-align: center;
	margin-left: 14px;
	border: 1px solid #d7d7d7;
	height: 30px;
	width: 30px;
	border-radius: 5px;
}

.pagination a.active {
	background-color: #ffffff;
	color: #217cc1;
	border: 1px solid #217cc1;
	border-radius: 5px;
	height: 30px;
	width: 30px;
	text-align: center;
}

.pagination a:hover:not(.active){
	background-color:#ddd;
}

.tablinks {
	color: black;
	float: left;
	cursor: pointer;
	background-color: #ffffff;
	text-decoration: none;
	padding: 0.8vw 0.8vw;
	border-bottom: transparent solid 2px;
	padding-bottom: 0.3vw;
	font-size: 1.3vw;
	font-family: ITCAvantGardeStd;
}

.active, .tablinks:hover {
	color: #217cc1;
	background-color: #ffffff;
	border-bottom: #217cc1 solid 0.33vw;
}

input[type=checkbox] {
	margin: 4px 12px 0px 10px;
}

#cityCheckboxes {
	z-index: 99;
}

.dialog1 {
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 12px;
	float: left;
	height: 25px;
	margin: 20px;
	position: relative;
	width: 100px;
}

#noData {
	/*border:1px solid black;
	margin:auto;
	height:20vw;
	width:50vw;
	padding:9vw;*/
	text-align: center;
}

[class*='close-'] {
	color: #777;
	font: 14px/100% arial, sans-serif;
	position: absolute;
	right: 5px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	top: 5px;
}

html, body {
	height: 100%;
}

.dashBoardContainer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
	/* the bottom margin is the negative value of the footer's height */
}

.footerContainer, .push {
	height: 0px; /* .push must be the same height as .footer */
}

.popover-content {
	color: #ed172d;
	padding: 10px 14px;
	width: 15vw;
	margin-left: 0vw;
}

.popover.bottom .arrow {
	left: 84% !important;
}

.popover {
	left: -12vw !important;
}

#name {
	float: right;
	width: auto;
	margin-right: 2.5vw;
	margin-top: -3.2vw;
	font-size: 1vw;
	position: relative;
}

#adminImg {
	float: right;
	position: relative;
	margin-top: -3vw;
	height: 0.8vw;
	width: 0.8vw;
	right: 1vw;
}

.header2 {
	font-size: 0.9vw;
	margin-left: 14vw;
	float: right;
	color: #217cc1;
	margin-top:-0.9vw;
	position:absolute;
}

.downloadImage {
	padding: 2px;
	height: 1.2vw;
	width: 1.3vw;
	margin-left: 12.5vw;
	margin-top: -0.8vw;
	position:absolute;
	float:right;
}

.select-wrapper {
	float: right;
	display: inline-block;
	border: 1px solid #217cc1;
	border-radius: 5px;
}

.select-wrapper, .select-wrapper select {
	width: 13vw;
	height: 2vw;
	line-height: 2vw;
	font-size: 1vw;
	border-color: #008ae6;
	margin-left: 1vw;
	cursor: pointer;
}

.select-wrapper .holder {
	display: block;
	margin: 0 0px 0 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: -1;
}

.select-wrapper select {
	margin-left: -11vw;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus = true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}



.select-wrapper1 {
	float: right;
	display: inline-block;
	border: 1px solid #217cc1;
	border-radius: 5px;
}

.select-wrapper1, .select-wrapper1 select {
	width: 13vw;
	height: 2vw;
	line-height: 2vw;
	font-size: 1vw;
	border-color: #008ae6;
	margin-left: 1vw;
	cursor: pointer;
}

.select-wrapper1 .holder {
	display: block;
	margin: 0 0px 0 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: -1;
}

.select-wrapper1 select {
	margin-left: -11vw;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus = true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.down {
	float: right;
	height: 0.8vw;
	width: 0.8vw;
	margin-top: 0.5vw;
	margin-right: -13.4vw;
}

.down1 {
	float: right;
	height: 0.8vw;
	width: 0.8vw;
	margin-top: 0.5vw;
	margin-right: -13.4vw;
}

.select-wrapper1 {
	float: right;
	display: inline-block;
	border: 1px solid #217cc1;
	border-radius: 5px;
}

.select-wrapper1, .select-wrapper1 select {
	width: 11vw;
	height: 2vw;
	line-height: 2vw;
	font-size: 0.9vw;
	border-color: #008ae6;
	margin-left: 1vw;
}

.select-wrapper1 .holder {
	display: block;
	margin: 0 35px 0 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: -1;
}

.select-wrapper1 select {
	margin: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus = true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.down3 {
	float: right;
	height: 0.8vw;
	width: 0.8vw;
	margin-right: -11.5vw;
	margin-top: 0.5vw;
}

.down4 {
	float: right;
	height: 0.8vw;
	width: 0.8vw;
	margin-right: -11.5vw;
	margin-top: 0.5vw;
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.disableClickEvent {
	pointer-events: none;
    cursor: default;
}

#selectedPages option:hover{
	background-color:#1E9AD8 !important;
}

#uploadPermissionListResponseMsg {
	font-size: 1vw;
	font-family:serif;
    bottom: 5vw;
    z-index:9999;
    opacity:20;
    text-align: center;
    margin-top: 0.5vw;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	
	.loginForm input {
	/*font-family: "Roboto", sans-serif;*/
	outline: 0;
	border-radius: 0.8vw;
	background: #f2f2f2;
	width: 34vw;
	border: 0;
	margin: 0 0 3vw;
	padding: 0.9vw;
	box-sizing: border-box;
	font-size: 2vw;
	height: 5.2vw;
}



/* loing form */
.loginContainer {
	position: relative;
	z-index: 1;
	max-width: 50vw;
	margin: 0 auto;
}

.loginContainer:before, .loginContainer:after {
	content: "";
	display: block;
	clear: both;
}

.loginContainer .info {
	margin: 50px auto;
	text-align: center;
}

#one {
	position: relative;
}

.loginContainer .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 40px;
	font-weight: 300;
	color: #1a1a1a;
}

.loginContainer .info span {
	color: #4d4d4d;
	font-size: 12px;
}

.loginContainer .info span a {
	color: #000000;
	text-decoration: none;
}

.loginContainer .info span .fa {
	color: #EF3B3A;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
	width: 50vw;
	padding: 3vw 0 0;
	margin: auto;
}

IMG.logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor:auto;
	height: 20vw;
    width: 25vw;
    margin-top: 12vw;
}

.loginForm {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 46vw;
	height: 34vw;
	margin: 0 auto 100px;
	padding: 3vw;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
}


.loginForm button {
	/*font-family: "Roboto", sans-serif; */
	border-radius: 0.8vw;
	/*text-transform: uppercase;*/
	outline: 0;
	background: #008ae6;
	width: 34vw;
	border: 0;
	padding: 0.9vw;
	color: #FFFFFF;
	font-size: 2vw;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	height: 5vw;
}

.loginForm button:hover, .form button:active, .form button:focus {
	background: #008ae6;
}

.loginForm .message {
	margin: 15px 0 0;
	color: #666666;
	font-size: 1.5vw;
}

.loginForm .message a {
	color: #4CAF50;
	text-decoration: none;
}

.loginForm .register-form {
	display: none;
}

.LoginBody {
	/* background: #76b852; 
  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  background: -moz-linear-gradient(right, #76b852, #8DC26F);
  background: -o-linear-gradient(right, #76b852, #8DC26F);
  background: linear-gradient(to left, #76b852, #8DC26F); */
	/* font-family: "Roboto", sans-serif; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	
	
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 640px){
	
	.loginForm input {
	/*font-family: "Roboto", sans-serif;*/
	outline: 0;
	border-radius: 0.8vw;
	background: #f2f2f2;
	width: 40vw;
	border: 0;
	margin: 0 0 3vw;
	padding: 0.9vw;
	box-sizing: border-box;
	font-size: 2vw;
	height: 5.5vw;
}



/* loing form */
.loginContainer {
	position: relative;
	z-index: 1;
	max-width: 50vw;
	margin: 0 auto;
}

.loginContainer:before, .loginContainer:after {
	content: "";
	display: block;
	clear: both;
}

.loginContainer .info {
	margin: 50px auto;
	text-align: center;
}

#one {
	position: relative;
}

.loginContainer .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 40px;
	font-weight: 300;
	color: #1a1a1a;
}

.loginContainer .info span {
	color: #4d4d4d;
	font-size: 12px;
}

.loginContainer .info span a {
	color: #000000;
	text-decoration: none;
}

.loginContainer .info span .fa {
	color: #EF3B3A;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
	width: 60vw;
	padding: 18vw 0 0;
	margin: auto;
	margin-left: -5vw;
}

IMG.logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor:auto;
	height: 13vw;
    width: 17vw;
}

.loginForm {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 53vw;
	height: 36vw;
	margin: 0 auto 100px;
	padding: 3vw;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
}


.loginForm button {
	/*font-family: "Roboto", sans-serif; */
	border-radius: 0.8vw;
	/*text-transform: uppercase;*/
	outline: 0;
	background: #008ae6;
	width: 40vw;
	border: 0;
	padding: 0.9vw;
	color: #FFFFFF;
	font-size: 2vw;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	height: 5.5vw;
}

.loginForm button:hover, .form button:active, .form button:focus {
	background: #008ae6;
}

.loginForm .message {
	margin: 15px 0 0;
	color: #666666;
	font-size: 1.8vw;
}

.loginForm .message a {
	color: #4CAF50;
	text-decoration: none;
}

.loginForm .register-form {
	display: none;
}

.LoginBody {
	/* background: #76b852; 
  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  background: -moz-linear-gradient(right, #76b852, #8DC26F);
  background: -o-linear-gradient(right, #76b852, #8DC26F);
  background: linear-gradient(to left, #76b852, #8DC26F); */
	/* font-family: "Roboto", sans-serif; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	
	
}