﻿* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@-ms-viewport { width: device-width; }
/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Raleway');

html, body {height: 100%; margin: 3vh; padding: 0;  font: inherit; font-size: 100%; vertical-align: middle; font-family: 'Raleway', sans-serif;}

form  { width:100% }


input[type="submit"] {display: inline;width: 100%; height:10vh;font-size:5vh;align: center; position: relative;  background-color: #FF0000; display: none; }


/* round edges */
input[type="submit"], textarea, label, select  { -webkit-border-radius: 1vh; -moz-border-radius: 1vh; -ms-border-radius: 1vh; -o-border-radius: 1vh; border-radius: 1vh;   }

input[type="radio" i],input[type="checkbox" i],textarea, label,p,button
{
	margin: 0px;
	padding: 0px;
}

label
{
	vertical-align: middle;
}

p {
    display:block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


#pageNoText, #pageNoText1
{
	margin: 3vh 0vh 0vh 0vh;
	float: left;
	text-align: left;
	overflow: auto;
	z-index: auto;
	font-size: 4vh;
	display: block;
	position: relative;
	clear: left;
	vertical-align: middle;
	color: #9DB0BE;
	font-style: normal;
	font-weight: 500;
	bottom: 1vh;
	padding-right: 2vw;
}

#g-recaptcha
{
	margin: 1vh 0vh 1vh 0vh;
	float: left;
	text-align: left;
	left:  5vh;
	overflow: auto;
	z-index: auto;
	position: relative;
	clear: left;
	display: block;
	padding-right: 5vh;
}


#leftbuttons
{
	float: left;
}

#SaveForm, #SubmitForm
{
	padding-right: 5vh;
}


#pagebuttons, #pagebuttons1
{
	float: right;
	padding-bottom: 5vh;
}


#SubmitForm
{
	float: left;
	vertical-align: middle;
	text-align: center;
	height: 9vh;
}

#SaveForm
{
	float: left;
	vertical-align: middle;
	text-align: center;
	height: 9vh;
}

#pminuslabel, #ppluslabel, #pminuslabel1, #ppluslabel1
{
	padding-left: 1vw;
}

#pminuslabel, #pminuslabel1
{
	float: left;
	vertical-align: middle;
	text-align: center;
	height: 9vh;
}

#ppluslabel, #ppluslabel1
{
	float: right;
	vertical-align: middle;
	text-align: center;
	height: 9vh;
}

#uploader
{
	margin-top: -3vw;
	padding: 0;
	border: none;
	width: 100%;
	height: 200%;
	overflow: scroll;
}

.closeicon 
{
	position: absolute;
	height:20%;
	padding:1px;
}


#payasync, #savedata, #getdata  {
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

#payasync:hover, #savedata:hover, #getdata:hover  {
  -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
       -o-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}