html {
  overflow-y: scroll;
}

body{
margin:0;
padding:0;
font-family: arial, helvetica, "trebuchet ms", tahoma, verdana ;
font-size: 10pt;
color: black;
background-color: white;
}

.green {
font-weight:bold;
color: #008000;
text-align:center;
margin: 10px auto;
width:300px;
clear:both;
}

h1 {
font-size: 14pt;
}

.account-form {
margin: 0 auto;
width: 350px;
}

hr {
margin: 0 auto;
border: 1px solid #a0a0a0;
width:90%;
}

.account-form-submit {
margin: 10px auto;
width: 100%;
text-align:center;
}

.register-result{
margin: 20px auto;
text-align:center;
width: 600px;
}

.index-logo {
margin: 0 auto;
margin-top: 30px;
width: 100%;
height: 150px;
background-color: white;
text-align:center;
font-size:12pt;
font-weight:bold;
}

.index-logo-image {
width: 300px;
}

.index-login {
margin: 0 auto;
width: 100%;
background-color: white;
font-size: 11pt;
font-weight: normal;
text-align:center;
}

.index-login h1 {
font-size:22pt;
color: #808080;
margin-top: 0px;
margin-bottom: 20px;
font-weight: normal;
}

.index-login h2 {
font-size:16pt;
color: #808080;
margin-top: 0px;
margin-bottom: 20px;
font-weight: normal;
}

.index-login-form0 {
margin: 0 auto;
width: 100%;
}

.index-login-form1 {
/*width: 450px;*/
width: 100%;
margin: 0 auto;
font-weight: normal;
text-align:center;
font-size: 16pt;
}

/*.login-inputs {
font-weight: normal;
font-size: 16pt;
background-color: #eeeff0;
border: 1px solid #808080;
}*/

.login-inputs:focus {
  box-shadow: 0px 0px 8px #287DC1;
  outline: .5px #287DC1 solid;
}
.login-inputs:focus-visible {
  box-shadow: 0px 0px 8px #287DC1;
  outline: .5px #287DC1 solid;
}
.login-inputs{
  font-size: 16pt;
  border-radius: 2px;
  border: 2px #287DC1 solid;
  /*box-shadow: 0px 0px 2px #287DC1;*/
}
.login-button{
  border-radius: 2px;
  background-color: #287DC1;
  outline: none;
  color: white;
  border: 0.5px #287DC1 solid;
  width: 15%;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12pt;
  box-shadow: 0px 0px 2px #287DC1;
}
.login-button:hover {
  cursor: pointer;
  text-decoration: underline;
}

.login-submit {
font-weight: normal;
font-size: 16pt;
/*
background:-o-linear-gradient(bottom, #287DC1 5%, #24A0C5 100%);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #287DC1), color-stop(1, #24A0C5) );
background:-moz-linear-gradient( center top, #287DC1 5%, #24A0C5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#287DC1", endColorstr="#24A0C5");	
background: -o-linear-gradient(top,#287DC1,24A0C5);
*/
background-color:#287DC1;
color: white;
border: 1px solid #287DC1;
width: 250px;
padding: 2px 2px 2px 2px;
box-shadow: 0px 0px 2px #287DC1;
border-radius: 2px;
}

.login-submit:hover{
text-decoration: underline;
background-color: #4475CD;
cursor: pointer;
}

.index-login-create {
margin: 0 auto;
width: 100%;
background-color: white;
font-size: 11pt;
font-weight: bold;
text-align:center;
margin-top:30px;
color: #808080;
}

.index-login-create a{
color: #808080;
text-decoration: none;
font-weight: bold;
}

.index-login-create a:visited{
color: #808080;
text-decoration: none;
}

.index-login-create a:hover{
color: #808080;
text-decoration: underline;
}

.inputwidth {
width: 250px;
}

.register-inputs {
  font-weight: normal;
  font-size: 12pt;
  border: 1px solid #287DC1;
  box-shadow: 0px 0px 2px #287DC1;
  margin-bottom: 15px;
  border-radius: 2px;
}
.register-inputs:focus-visible{
  outline: 0.5px #287DC1 solid;
  box-shadow: 0px 0px 8px #287DC1;
}
.register-inputs:focus{
  outline: 0.5px #287DC1 solid;
  box-shadow: 0px 0px 8px #287DC1;
}

.register-inputs1 {
  font-weight: normal;
  font-size: 12pt;
  border: 1px solid #287DC1;
  box-shadow: 0px 0px 2px #287DC1;
  margin-bottom: 0px;
  border-radius: 2px;
}
.register-inputs1:focus-visible{
  outline: 0.5px #287DC1 solid;
  box-shadow: 0px 0px 8px #287DC1;
}
.register-inputs1:focus{
  outline: 0.5px #287DC1 solid;
  box-shadow: 0px 0px 8px #287DC1;
}

.register-text {
font-weight: normal;
font-size: 8pt;
background-color: #eeeff0;
border: 1px solid #808080;
margin-bottom: 15px;
}

.index-login-thankyou {
margin: 0 auto;
width: 600px;
background-color: white;
font-size: 11pt;
font-weight: bold;
text-align:center;
color: #808080;
margin-top:30px;
}

.index-login-thankyou a{
color: #6495ED;
text-decoration: none;
font-weight: bold;
}

.index-login-thankyou a:visited{
color: #6495ED;
text-decoration: none;
}

.index-login-thankyou a:hover{
color: #6495ED;
text-decoration: underline;
}

.login-image { 
width: 37px;
height: 36px;
border: none;
margin-left:2px;
}

.login-label {
display:block;
margin-top:2px;
margin-bottom:2px;
color: #404040;
text-align:left;
width: 250px;
}

.red {
color: red;
font-weight: bold;
font-size: 11pt;
}

.green {
color: #008000;
font-weight: bold;
font-size: 11pt;
}

.label1 {
width: 150px;
display: inline-block;
}

.tick-image {
margin-left:2px;
}

.tick-image1 {
margin-left:2px;
margin-right:2px;
}

th {
text-align:center;
}


.cpPerson { width: 220px; }
.cpLevel {width: 120px; text-align: center; }

.cpSpace { width: 50px; text-align: center; }
.cpResult { width: 250px; }
.cpEvent { width: 260px; }
.cp2 { width: 100px; }
.cpPushEvent { width: 400px; }
.cpPushResult { width: 150px; }
.cpResendPush { width: 100px; text-align: center; }

.cpSpan1 { width: 760px; }
.cpSpan2 { width: 800px; }

.cpAccount { width: 200px; }
.cpAccess { width: 100px; text-align:center; }

/*
.cpUser { width: 200px; }
.cpDev { width: 110px; }
.cpLC { width: 150px; text-align: center; }
.cpApp { width: 170px; }
.cpNote { width: 160px; }
*/

/*.cpUser { width: 30%; }
.cpDev { width: 15%; }
.cpLC { width: 20%; text-align: center; }
.cpApp { width: 20%; }
.cpNote { width: 15%; }
*/
.cpUser{
  width: auto;
}
.cpDev{
  width: auto;
}
.cpLC{
  width: auto;
}
.cpApp{
  width: auto;
}
.cpNote{
  width:auto;
}


.emDesc { padding-right: 20px; width:490px}
.emCheck { width: 100px; text-align:center; }

.cp1 {
width: 150px;
}

.c2 { width: 100px; }

.c3 {
width: 150px;
}

.c4 {
width: 70px;
}

.c5 {
width: 50px;
text-align: center;
}

.c6 {
width: 65px;
}

.c7 {
width: 500px;
}

.c9 {
width: 330px;
}

.c10 {
width: 200px;
}

.c11 {
width: 400px;
}

.message-check {
width:25px;
height: 20px;
float: left;
}

.message-text-compatibility {
width:400px;
height: 18px;
padding-top:2px;
}

.message-check1 {
width:25px;
height: 20px;
float: left;
}

.message-text1 {
float: left;
width:275px;
height: 18px;
padding-top:2px;
}

.edit-left1 {
float: left;
width: 910px;
}

.padding {
clear:both;
}

.panel-app-head {
font-size: 11pt;
font-weight:bold;
margin-bottom:2px;
width:980px;
height:20px;
clear:both;
}

.panel-app {
float:left;
width: 170px;
height: 110px;
background-color: #fafafa;
border: 2px solid #e0e0e0;
margin-bottom: 10px;
}

.panel-app-title {
margin-top:2px;
margin-bottom:3px;
font-weight:bold;
font-size:105%;
margin-left:7px;
}

.panel-app-width {
margin-right: 10px;
}

.panel-app-type {
float:left;
width:50px;
height:50px;
margin-left:2px;
}

.panel-app-type1 {
float:left;
width:50px;
height:50px;
margin-left:7px;
}

.panel-app-type-red {
background-color: #a00000;
}

.panel-app-type-green {
background-color: #00a000;
}

.panel-app-type-yellow {
background-color: #a0a000;
}

.panel-app-type-grey {
background-color: #a0a0a0;
}

.panel-app-edit {
float:left;
clear:both;
margin-left: 7px;
margin-top: 10px;
}


.panel-app-edit a{
color: white;
font-weight: bold;
text-decoration: none;
padding: 4px 8px 4px 8px;
background-color: #3333CC;
}

.panel-app-edit a:hover{
text-decoration: underline;
}

.view-as-list {
clear: both;
float:left;
margin-top:2px;
margin-bottom:2px;
width: 980px;
height: 20px;
}

.control-menu1 {
float:left;
width: 234px;
text-align:center;
color: white;
font-size: 11pt;
padding-top: 10px;
padding-left: 2px;
padding-right: 2px;
height: 30px;
font-weight: bold;
box-shadow: 2px 2px 2px #888888;
}

.control-menu2 {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

.control-menu3 {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.control-menu-border {
border-right: 1px solid black;
}

.control-menu-colors {
background: rgb(30,87,153); /* Old browsers */
/* 
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,22,91,1) 100%, rgba(41,137,216,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(0,22,91,1)), color-stop(100%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,22,91,1) 100%,rgba(41,137,216,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,22,91,1) 100%,rgba(41,137,216,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,22,91,1) 100%,rgba(41,137,216,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(0,22,91,1) 100%,rgba(41,137,216,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.control-menu a{
color: white;
text-decoration: none;
}

.control-menu a:visited{
color: white;
text-decoration: none;
}

.control-menu a:hover{
color: white;
text-decoration: underline;
}

.auto-logout {
position:fixed;
z-index:999;
top : 10px;
left: 10px;
font-size:11pt;
font-weight:bold;
border: 1px solid #300000;
background-color: #800000;
z-index:999;
color: white;
}

.save-div {
position:fixed;
width: 400px;
height: 200px;
z-index:999;
top:50%;
left:50%;
margin:-100px 0 0 -200px;
font-size:11pt;
font-weight:bold;
border: 1px solid #d0d0d0;
background-color: #EBEBE8;
box-shadow: 2px 2px 2px #888888;
/*
background-color: #f0f0f0;
border-radius:10px;
border: 1px solid #808080;
*/
}

.add-account-div {
position:fixed;
width: 400px;
height: 250px;
z-index:998;
top:50%;
left:50%;
margin:-100px 0 0 -200px;
font-size:11pt;
font-weight:bold;
border: 1px solid #d0d0d0;
background-color: #EBEBE8;
box-shadow: 2px 2px 2px #888888;
/*
background-color: #f0f0f0;
border-radius:10px;
border: 1px solid #808080;
*/
}

.add-account-text {
float:left;
z-index:999;
height:160px;
width:300px;
margin-left:50px;
margin-top: 25px;
}

.save-text {
float:left;
height:100px;
width:300px;
margin-left:50px;
margin-top: 25px;
}

.save-button {
float:left;
width:120px;
height:32px;
margin:10px 0 0 80px;
text-align:center;
color: white;
padding-top: 3px;
padding-left: 2px;
padding-right: 2px;
border-radius:2px;
}

.save-later {
float:left;
width:120px;
height:32px;
margin:10px 0 0 20px;
text-align:center;
color: white;
padding-top: 3px;
padding-left: 2px;
padding-right: 2px;
border-radius:2px;
}

.save-button-hide {
display: none;
}

.save-button-show {
display: visible;
}

.parentDisable
{
z-index:998;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color: #fff;
color: #aaa;
opacity: .1;
filter: alpha(opacity=90);
}

.save-button2 {
float:left;
width: 80px;
text-align:center;
color: white;
font-size: 11pt;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
height: 30px;
border-radius:2px;
margin-left: 50px;
margin-top: 10px;
font-weight: bold;
}


input.submit-button {
margin-top:3px;
font-size:12pt;
font-family: "trebuchet ms", helvetica, tahoma, verdana, arial;
font-weight: bold;
color: white;
background-color: Transparent;
overflow: visible;
border: 0;
}

input.submit-button:hover {
text-decoration: underline;
cursor: pointer;
}

.background-colours {
background: rgb(0,208,0); /* Old browsers */
/*
background: -moz-linear-gradient(top, rgba(0,208,0,1) 0%, rgba(0,64,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,208,0,1)), color-stop(100%,rgba(0,64,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,208,0,1) 0%,rgba(0,64,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,208,0,1) 0%,rgba(0,64,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,208,0,1) 0%,rgba(0,64,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,208,0,1) 0%,rgba(0,64,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
}

.normal-page-head,.normal-page-head1 {
width: 100%;
background-color: white;
font-size: 11pt;
font-weight: normal;
text-align:center;
}

.normal-page-head h1 {
font-size:16pt;
color: #808080;
margin-top: 10px;
margin-bottom: 20px;
font-weight: normal;
}

.normal-page-head1 h1 {
font-size:16pt;
color: #808080;
margin-top: 20px;
margin-bottom: 10px;
font-weight: normal;
}

.important-message-page {
margin: 0 auto;
width: 500px;
font-weight: normal;
background-color: #EBEBE8;
text-align:left;
font-size: 11pt;
border: 1px solid #808080;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
}

.important-message-page p {
margin-top: 20px;
margin-bottom: 0px;
}

.blue-submit-button {
font-weight: normal;
font-size: 12pt;
/*
background:-o-linear-gradient(bottom, #287DC1 5%, #24A0C5 100%);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #287DC1), color-stop(1, #24A0C5) );
background:-moz-linear-gradient( center top, #287DC1 5%, #24A0C5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#287DC1", endColorstr="#24A0C5");	
background: -o-linear-gradient(top,#287DC1,24A0C5);
*/
background-color:#287DC1;
color: white;
border: 1px solid #808080;
width: 260px;
padding: 2px 2px 2px 2px;
border-radius: 2px;
}

.blue-submit-button:hover{
text-decoration: underline;
cursor: pointer;
}

.popup-submit-div{
position:relative;
margin: 0 auto;
width:80%;
text-align:center;
}

.popup-submit-button {
font-weight: normal;
font-size: 12pt;
/*
background:-o-linear-gradient(bottom, #287DC1 5%, #24A0C5 100%);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #287DC1), color-stop(1, #24A0C5) );
background:-moz-linear-gradient( center top, #287DC1 5%, #24A0C5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#287DC1", endColorstr="#24A0C5");	
background: -o-linear-gradient(top,#287DC1,24A0C5);
*/
background-color:#287DC1;
color: white;
border: 1px solid #3C598E;
width: 130px;
padding: 7px 7px 7px 7px;
border-radius: 2px;
}

.popup-submit-button:hover{
text-decoration: underline;
cursor: pointer;
}

.popup-gap {
margin-left:10px;
}

.inputwidth {
width: 250px;
}

.edit-left {
float: left;
width: 590px;
}

.edit-right {
float:left;
width: 590px;
}

.button-link {
width:120px;
text-align:center;
color: white;
padding-left: 2px;
padding-right: 2px;
border-radius:2px;
font-size: 11pt;
font-weight:bold;
}



.view-push {
float:left;
height:28px;
padding-top: 6px;
margin:10px 0 0 80px;
}

.button-link  a{
color: white;
text-decoration: none;
}

.button-link a:visited{
color: white;
text-decoration: none;
}

.button-link a:hover{
color: white;
text-decoration: underline;
}

.background-colours-grey {
background: rgb(208,208,208); /* Old browsers */
/*
background: -moz-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(64,64,64,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,1)), color-stop(100%,rgba(64,64,64,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(64,64,64,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(64,64,64,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(64,64,64,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(208,208,208,1) 0%,rgba(64,64,64,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
}

.page-numbers {
float:left;
width: 100%;
text-align: center;
margin-top: 100px;
font-size: 11pt;
clear: both;
color: white;
}

.jump-to {
font-size: 11pt;
color: white;
font-weight:bold;
}

.page-numbers a{
color: white;
text-decoration: none;
}

.page-numbers a:visited{
color: white;
text-decoration: none;
}

.page-numbers a:hover{
color: white;
text-decoration: underline;
}

.show-mobile-page {
margin: 10px auto;
width: 650px;
background-color: #EBEBE8;
border: 1px solid #808080;
padding-left:20px;
padding-bottom:20px;
padding-top: 20px;
word-wrap: anywhere;
word-break: break-all;
}

.show-mobile-page-buttons {
margin-left:150px;
width: 570px;
height: 40px;
background-color: white;
margin-top: 30px;
}

.delete-mobile {
float:left;
height:32px;
padding-top: 2px;
margin:0 0 0 440px;
}

.wrap1 a{
color: #808080; 
text-decoration: none;
}

.wrap1 a:visited{
text-decoration: none;
}

.wrap1 a:hover{
text-decoration: underline;
}

.contactus-red {
font-size: 110%;
color: #800000;
font-weight: bold;
}
.contactus-green {
font-size: 110%;
color: #008000;;
font-weight: bold;
}

a.blue-submit-link {
font-weight: normal;
font-size: 12pt;
/*
background:-o-linear-gradient(bottom, #287DC1 5%, #24A0C5 100%);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #287DC1), color-stop(1, #24A0C5) );
background:-moz-linear-gradient( center top, #287DC1 5%, #24A0C5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#287DC1", endColorstr="#24A0C5");	
background: -o-linear-gradient(top,#287DC1,24A0C5);
*/
background-color:#287DC1;
color: white;
border: 1px solid #808080;
padding: 5px 5px 5px 2px;
text-decoration: none;
width: 300px;
border-radius: 2px;
}

a.blue-submit-link:hover{
text-decoration: underline;
cursor: pointer;
}

p.terms-head {
margin-top:10px;
text-indent:0px;
display:block;
font-weight: bold;
}

p.terms-none {
margin-top:0px;
text-indent:0px;
display:block;
font-weight: normal;
}

p.terms-two {
margin-top:0px;
text-indent:10px;
display:block;
font-weight: normal;
}

p.terms-three {
margin-top:0px;
text-indent:20px;
display:block;
font-weight: normal;
}

p.terms-four {
margin-top:0px;
text-indent:30px;
display:block;
font-weight: normal;
}

.Installer-div {
margin: 0 auto;
width: 100%;
background-color: white;
font-size: 10pt;
font-weight: normal;
text-align:left;
color: #404040;
}

.Installer-title {
margin: 0 auto;
width: 100%;
background-color: white;
text-align:center;
color: #404040;
}

.terms-div {
margin: 0 auto;
width: 100%;
background-color: white;
font-size: 10pt;
font-weight: normal;
text-align:left;
color: #404040;
}

.terms-title {
margin: 0 auto;
width: 100%;
background-color: white;
text-align:center;
color: #404040;
}

.terms-div li {
margin-top: 10px;
}

.terms-div th, .terms-div td {
width: 150px;
border: 1px solid #404040;
padding: 2px;
}

.password-result1 {
margin-top:2px;
margin-left:0px;
margin-bottom: 15px;
height: 15px;
}

.resultlabel {
font-size: 9pt;
padding-top:6px;
}

.two-step1 {
margin: 0 auto;
width: 100%;
text-align: center;
}

.two-step-links {
float:left;
width: 95%;
padding-right:5%;
background-color: #EBEBE8;
padding-top: 15px;
height: 35px;
text-align: right;
}

.two-step-page2 {
width: 927px;
height: 100px;
text-align: left;
background:#EBEBE8;
margin-left: 7px;
float: left;
padding: 20px 20px 20px 20px;
}

.two-step-pad {
margin-left: 10px;
}

.two-step-submit-button {
font-weight: normal;
font-size: 12pt;
/*
background:-o-linear-gradient(bottom, #287DC1 5%, #24A0C5 100%);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #287DC1), color-stop(1, #24A0C5) );
background:-moz-linear-gradient( center top, #287DC1 5%, #24A0C5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#287DC1", endColorstr="#24A0C5");	
background: -o-linear-gradient(top,#287DC1,24A0C5);
*/
background-color:#287DC1;
color: white;
border: 1px solid #808080;
width: 100px;
padding: 2px 2px 2px 2px;
}

.two-step-submit-button:hover{
text-decoration: underline;
cursor: pointer;
}

.two-step-submit-button a{
text-decoration: normal;
cursor: pointer;
}

.two-step-submit-button a:hover{
text-decoration: underline;
cursor: pointer;
}

.two-step-page3 p.red {
color: red;
font-weight: bold;
font-size: 10pt;
}

.codes-print-wrapper {
font-size:11pt;
border: 1px solid #a0a0a0;
width:250px;
margin-left:30px;
margin-top:30px;
}

.codes-print-wrapper2 {
font-size:11pt;
width:250px;
margin-left:30px;
margin-top:30px;
}

.codes-line {
margin-top:10px;
clear:both;
width:250px;
height:21px;
}

.codes-box {
float:left;
height: 16px;
width: 16px;
border: 1px black solid;
margin-left:10px;
}

.codes-middle {
float:left;
height: 16px;
width: 36px;
}

.codes-code {
float:left;
width: 50px;
height: 16px;
margin-left:10px;
}

.codes-header-image {
height: 90px;
}

.register-panel-fail {
position:fixed;
width: 980px;
height: 350px;
z-index:999;
top:50%;
left:50%;
margin:-200px 0 0 -490px;
font-weight:bold;
background-color: #fafafa;
color: red;
text-align:center;
font-size: 12pt;
border: 1px solid #808080;
}

.register-panel-fail1 {
margin: 0 auto;
width: 980px;
text-align: center;
height: 350px;
}

.register-panel-fail1-box {
float:left;
background-color: #EBEBE8;
margin-bottom:20px;
margin-top:10px;
height: 300px;
width: 270px;
text-align:center;
margin-left:20px;
padding-left:15px;
padding-right:15px;
text-align: left;
color: #505050;
font-size: 11pt;
font-weight: normal;
}

.register-panel-fail1-head {
text-align: center;
width:100%;
font-weight: bold;
height:25px;
color: #505050;
font-size:11pt;
}

.normal-submit-button {
font-weight: normal;
font-size: 12pt;
/*
background:-o-linear-gradient(bottom, #287DC1 5%, #24A0C5 100%);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #287DC1), color-stop(1, #24A0C5) );
background:-moz-linear-gradient( center top, #287DC1 5%, #24A0C5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#287DC1", endColorstr="#24A0C5");	
background: -o-linear-gradient(top,#287DC1,24A0C5);
*/
background-color:#287DC1;
color: white;
border: 1px solid #808080;
padding: 2px 2px 2px 2px;
}

.normal-submit-button:hover{
text-decoration: underline;
cursor: pointer;
}

.add-app-popup {
position:fixed;
width: 980px;
height: 380px;
z-index:999;
top:50%;
left:50%;
margin:-200px 0 0 -490px;
font-weight:bold;
background-color: #fafafa;
color: #008000;
text-align:center;
font-size: 12pt;
border: 1px solid #808080;
}

.add-app-popup1 {
margin: 0 auto;
width: 980px;
text-align: center;
height: 380px;
}

.add-app-popup1-box {
float:left;
background-color: #EBEBE8;
margin-bottom:2px;
margin-top:10px;
height: 300px;
width: 270px;
text-align:center;
margin-left:20px;
padding-left:15px;
padding-right:15px;
text-align: left;
color: #505050;
font-size: 11pt;
font-weight: normal;
}

.add-app-popup1-head {
text-align: center;
width:100%;
font-weight: bold;
height:25px;
color: #505050;
font-size:11pt;
}

.div-margin {
margin-bottom: 25px;
}

.control-header-training-link{
border:0px;
font-size: 8pt;
font-weight: bold;
color: #404040;
}

.control-header-training-link:hover{
text-decoration: underline;
cursor: pointer;
}

.control-header-ham-icons-menu{
float:right;
text-align: center;
font-size: 8pt;
width: 70px;
}

.control-header-ham-icons-font{
  font-size: 7pt;
}

.control-header-ham-icons-menu a{
text-decoration: none;
font-weight: bold;
color: #404040;
}

.control-header-ham-icons-menu a:visited{
color: #404040;
text-decoration: none;
}

.control-header-ham-icons-menu a:hover{
color: #404040;
text-decoration: underline;
}

.control-panel-ham-icons-menu{
float:right;
font-size: 7pt;
font-weight: bold;
text-align: center;
width: 64px;
height: 100%;
padding-top:3px;
}

.control-panel-ham-icons-menu a{
text-decoration: none;
font-size: 7pt;
font-weight: bold;
color: white;
}

.control-panel-ham-icons-menu a:visited{
color: white;
text-decoration: none;
}

.control-panel-ham-icons-menu a:hover{
color: white;
text-decoration: underline;
}

.img25 {
height: 25px;
width: 25px;
-ms-interpolation-mode: bicubic;
}

.img45 {
height: 45px;
width: 45px;
-ms-interpolation-mode: bicubic;
}

.img35 {
height: 35px;
width: 35px;
-ms-interpolation-mode: bicubic;
}

.img35a {
width: 35px;
-ms-interpolation-mode: bicubic;
}

.index-register-none {
display: none;
}

.index-register-visible {
display: visible;
}

.mobileImage {
width: 200px;
height: 48px;
}

.submit-button-add {
background-color:#287DC1;
color: white;
border: 1px solid #3C598E;
padding: 2px 2px 2px 2px;
}

.submit-button-add:hover{
text-decoration: underline;
cursor: pointer;
}

.subdel-but {
color: white;
text-align:center;
}

.subdel-but a:link{
background-color:#287DC1;
color: white;
border: 1px solid #3C598E;
padding: 2px 2px 2px 2px;
}

.subdel-but a:hover {
text-decoration: underline !important;
color: white !important; 
}

.site-one-third {flex-basis: 200px;margin: 3px;text-align: center; background-color: #287DC1}
.site-main-content {
  display: flex;
  min-height: 200px;
  justify-content: center;
  color: white;
}
@media screen and (max-width:800px) {
  .site-main-content {
      flex-direction: column
  }
}

#environmentLIVE {
display:none;
}

#environmentDEV {
background:red;
text-align: center;
}

#environmentTEST {
background:orange;
text-align: center;
}

#environmentDEFINED {
background:purple;
text-align: center;
}

#environmentDEFAULTED {
background:black;
text-align: center;
}

/* Flash class and keyframe animation */
.flashit{
-webkit-animation: flash linear 10s infinite;
animation: flash linear 5s infinite;
float: right;
width: 100%;
color: white;
}

@-webkit-keyframes flash {
0% { opacity: 1; } 
50% { opacity: .1; } 
100% { opacity: 1; }
}

@keyframes flash {
0% { opacity: 1; } 
50% { opacity: .1; } 
100% { opacity: 1; }
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    /* background-color: orange; */
  }
  
  .flex-container > div {
    /*background-color: #f1f1f1; */
    width: 450px;
    margin: 10px;
    text-align: left;
  }
  
  .creditcard-page {
    margin: 0 auto;
    width: 450px;
    font-weight: normal;
    background-color: #287DC1;
    border-radius: 2px;
    text-align:left;
    font-size: 12px;
    border: 1px solid #287DC1;
    }
    
    .creditcard-page-div{
    width: 270px;
    margin: 0 auto;
    }
    
    .creditcard-page-label {
    display:block;
    margin-top:8px;
    margin-bottom:2px;
    color: white;
    text-align:left;
    width: 100%;
    }
    
    .creditcard-submit {
    margin-bottom:17px;
    text-align:center;
    }
    
    .creditcard-page-wrap {
    width:100%;
    margin-top: 0px;
    margin-bottom: 3px;
    }
    
    .creditcard-message {
    color: white;
    }

    .infotooltip {
      position: relative;
      display: inline-block;
      border-bottom: 1px white;
    }
    
    .infotooltip .vattooltiptext {
      visibility: hidden;
      background-color: white;
      color: black;
      text-align: center;
      padding: 5px 0;
      border-radius: 2px;
      opacity: 0.75;

      position: absolute;
      z-index: 1;
    }

    .infotooltip:hover .vattooltiptext {
      visibility: visible;
    }

    .transactiontable{
      border-spacing: 0px;
    }


    .transactiontable th{
      background-color: #287DC1;
      color: white;
      text-align: center;
      border-right: 1px dashed white;
      border-bottom: 1px solid grey;
    }

    .transactiontable th:last-child{
      border-right: none;
    }

    .transactiontable th:first-child{
      border-left: none;
    }

    .transactiontable th:first-of-type{
      border-top-left-radius: 2px;
    }

    .transactiontable th:last-of-type{
      border-top-right-radius: 2px;
      border-right: none;
    }

    .transactiontable tr{
      background-color: whitesmoke;
    }
    .transactiontable td{
      border-bottom: 1px solid grey;
      border-right: 1px solid grey;
      text-align: center;
    }
    .transactiontable td:first-of-type{
      border-left: 1px solid grey;
    }
    .transactiontable tr:last-child td:first-of-type{
      border-bottom-left-radius: 2px;
    }

    .transactiontable tr:last-child td:last-of-type{
      border-bottom-right-radius: 2px;
    }
    .transactiontable tr:hover{
      background-color: #dddd;
    }