/*
 * CSS SET FOR MOBILE, @ FOR DESKTOP
*/

*{
    box-sizing: border-box;
    border:none;
    padding:0;
    margin:0;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
#menuloader {
  position: fixed;
  display:none;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #636363;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#container
{
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border-radius:10px;
	min-height:90vh;
	max-width:700px;
	position:relative;
	padding-bottom:3em;
}
#toplogo
{
	padding:0;
	max-width:inherit;
	padding:0;
	border-bottom:1px solid #c0c0c0;
}
input,textarea
{
	border:1px solid #000;
	padding:5px !important;
}
.row::after
{
    content: "";
    clear: both;
    display: block;
}
[class*="col-"]
{
    float: left;
    padding: 5px;
    width:100%;
}
.phonehidden
{
	display:none;
}
.desktophidden
{
	display:block;
}
.center
{
	text-align:center !important;
}
.lightred
{
	color:#E62;
}
.col-p-1 {width: 8.33%;}
.col-p-2 {width: 16.66%;}
.col-p-3 {width: 25%;}
.col-p-4 {width: 33.33%;}
.col-p-5 {width: 41.66%;}
.col-p-6 {width: 50%;}
.col-p-7 {width: 58.33%;}
.col-p-8 {width: 66.66%;}
.col-p-9 {width: 75%;}
.col-p-10 {width: 83.33%;}
.col-p-11 {width: 91.66%;}
.col-p-12 {width: 100%;}
button
{
	display:inline-block;
	padding:4px 12px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbbbbb;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
#checktermslabel
{
	padding-right:15px;
}
/*
TABLET/DESKTOP VERSION
*/
@media only screen and (min-width: 800px)
{
	body
	{
		/*background-image: url("/images/background.png");	*/
	}
	#container
	{
		margin-top:1vh;
		min-height:95vh;
		border-radius:5px;
		border:8px solid #606060;
		max-width:95%;
	}
	#confirmcontainer
	{
		text-align:initial;
	}
	[class*="col-"]
	{
		float: left;
		padding: 0;
		width:100%;
		min-height:2em;
	}
	.phonehidden
	{
		display:block;
	}
	.desktophidden
	{
		display:none;
	}

	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
}

.header
{
	font-weight: bold;
	text-align:center;
	background-color:#CDCDCD;
	padding:15px 0 15px 0;
}

h2
{
	margin:0;
}

#footer
{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#FFF;
	border-top:2px solid #c0c0c0;
	vertical-align:middle;
	height:4em;
	padding-top:10px;
}
#footer img
{
	height:40px;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
.padright
{
	padding-right:5px;
}
.padleft
{
	padding-left:5px;
}