.main-page {
width: 100%
}

.terms-div {
background-color: white;
width: 100%;
}

.Installer-div {
background-color: white;
width: 100%;
}

.contactus-inputs {
font-weight: normal;
background-color: #eeeff0;
border: 1px solid #808080;
margin-bottom: 15px;
font-size: 11pt;
}

.contactus-form {
width: 100%;
font-weight: normal;
text-align:center;
font-size: 12pt;
}

.contactus-div{
width: 100%;
}

.contactus-div label{ 
width: 100%;
float:left;
}

.contactus-wrap {
width:100%;
}

.index-register-wrap {
width:100%;
}

.index-register-div{
width: 100%;
}

.index-register-form {
width: 100%;
font-weight: normal;
text-align:center;
font-size: 11pt;
}

.index-register-submit-div {
width:100%;
text-align:center;
font-size: 11pt;
}

.index-register-form label{ 
width: 100%;
float:left;
}

.password-result {
margin-top:5px;
margin-bottom: 25px;
height: 15px;
}

.footer {
width:100%;
float:left;
position:fixed;
bottom:0;
z-index:999999;
background-color: #fefefe;
}

.footer-ticket {
    width:100%;
    float:left;
    position:static;
    bottom:0;
    z-index:999999;
    background-color: #fefefe;
    }
    
    .wrap {
position:relative;
width:100%;
height: 30px;
padding-top:20px;
}

.wrap1 {
position:relative;
float: left;
width:70%;
text-align:left;
font-size: 11pt;
color: #a0a0a0;
font-weight: bold;
}

.wrap2 {
position:relative;
float: left;
width:30%;
text-align:right;
font-size: 11pt;
color: #a0a0a0;
font-weight: bold;
}

.control-header {
background: white;
width: 100%;
background-color: white;
/*position: fixed;*/
height: 120px;
}

.control-header1 {
margin: 0 auto;
width: 100%;
height: 110px;
}

.control-header-left {
float: left;
width: 30%;
height: 95px;
padding-top:5px;
}

.control-header-right {
display: none;
}

.control-header-ham {
float: left;
width: 70%;
height: 50px;
margin-top:55px;
text-align: right;
}


.control-header-ham ul li{
display: inline;
}

.control-header-ham-menu {
float: left;
width: 100%;
}

.ham-show {
display: block;
}

.ham-hide {
display: none;
}

.HamImg { 
cursor: pointer;
-ms-interpolation-mode: bicubic;
height: 45px;
width: 45px;
}

.control-header-ham-top{
float:left;
width:100%;
margin-bottom:10px;
background-color: #f0f0f0;

}

.control-header-ham-icons1{
float:left;
text-align: center;
width: 20%;
}

.control-header-ham-icons2{
float:left;
text-align: center;
width: 20%;
}

.control-header-ham-icons1 a, .control-header-ham-icons2 a{
text-decoration: none;
font-size: 10pt;
font-weight: bold;
color: #404040;
}

.control-header-ham-menu ul{
text-align: center;
overflow: hidden;
margin: 0 0 0 0;
}

.control-header-ham-menu ul li{
display: inline;
}

.control-header-ham-menu ul li a{
text-decoration: none;
font-size: 11pt;
font-weight: bold;
color: #404040;
}

.control-header-image {
/*width:100%;
height:auto;*/
height: 100px;
/*padding-right: 10px;*/
}

.breadcrumb-wrap {
width: 100%;
}

.breadcrumb {
width: 100%;
font-size: 11pt;
font-weight: bold;
padding-left: 10px;
color: #808080;
}

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

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

.breadcrumb a:hover{
color: #808080;
text-decoration: underline;
}

.two-step1a {
width: 100%;
}

.two-step1-box {
float:left;
background-color: #EBEBE8;
margin-bottom:20px;
height: 300px;
width: 90%;
text-align:center;
padding-left:5%;
padding-right:5%;
}

.two-step-page1 {
width: 100%;
text-align: center;
height: 270px;
}

.two-step-page1 h2 {
margin-top:0px;
margin-bottom:5px;
font-weight:bold;
color: #808080;
font-size:12pt;
}

.two-step-page3 {
width: 100%;
text-align: center;
background:#EBEBE8;
float: left;
}

.two-step-page {
width: 100%;
height: 220px;
text-align: center;
background:#EBEBE8;
float: left;
margin-bottom:20px;
}

.two-step-page-app1 {
width: 100%;
text-align: center;
}

.two-step-page-app1 h2 {
margin-top:0px;
margin-bottom:5px;
font-weight:bold;
color: #404040;
font-size:12pt;
}

.two-step-sms-page1 {
width: 100%;
text-align: center;
}

.two-step-sms-page1 h2 {
margin-top:0px;
margin-bottom:5px;
font-weight:bold;
color: #808080;
font-size:12pt;
}

.two-step-sms-page2 {
width: 100%;
text-align: center;
background:#EBEBE8;
}

.two-step-page-app2 {
width: 100%;
text-align: center;
background:#EBEBE8;
float: left;
margin-bottom: 10px;
}

.two-step-page-app {
width: 100%;
height: 390px;
text-align: center;
background:#EBEBE8;
float: left;
}

.register-page {
width: 100%;
font-weight: normal;
text-align:center;
font-size: 11pt;
}

.register-page-div{
width: 100%;
text-align:center;
float:left;
}

.register-page-label {
width: 100%;
float:left;
}

.register-page-label2 {
margin-top:10px;
margin-bottom:10px;
color: #404040;
text-align:center;
width: 100%;
}

.register-page-label-poll {
text-align:center;
width: 70%;
}

.register-page-wrap {
width:100%;
margin-top: 10px;
margin-bottom: 10px;
}

.register-page-submit {
width:100%;
margin-top: 10px;
margin-bottom: 20px;
}

.download-app {
width: 100%;
}

.downloadapps {
margin: 30px auto;
width: 100%;
}

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

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

.data-div {
float:left;
width:100%;
}

.codes-account-form {
margin: 0 auto;
width: 100%;
text-align:center;
clear:both;
}

.codes-account-form2 {
float:left;
width: 100%;
text-align:center;
margin-bottom:5px;
}

.codes-account-form3 {
float:left;
margin-bottom:5px;
text-align:center;
}

.codes-account-form2 td {
width:80px;
margin: 0 auto;
}

.codes-account-form2 table {
margin: 0 auto;
}

.panel-head {
clear:both;
width: 100%;
margin-top: 20px;
margin-bottom: 5px;
background-color:#287DC1;
color: white;
height: 130px;
}

.panel-head1 {
float:left;
width:100%;
text-align:center;
font-size: 11pt;
height:25px;
padding-top:5px;
}

.panel-head1 h1 {
    font-size: 11pt;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.panel-head1 p {
    font-size: 11pt;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 0;
}

.control-panel-ham-icons-menu{
padding-top: 30px;
float: right;
}

.panel-head2 {
float:center;
/*width:%;*/
text-align:center;
height:70px;
background-color:#287DC1;
padding-top:3px;
margin: 0 auto;
}

.panel-head2 ul {
display: inline;
margin-top:0px;
}

.panel-head2 ul li {
display: inline;
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
}

.panel-head-subs {
display:none;
clear:both;
width: 100%;
background-color:#dBdBd8;
color: black;
}

.panel-head-subs1 {
display: none;
}

.panel-head-subs2 {
float:left;
width:100%;
text-align:center;
background-color:#dBdBd8;
}

.panel-head-subs2 ul {
display: block;
margin-top:0px;
}

.panel-head-subs2 ul li {
display: block;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}

.panel-head-subs3 {
display: none;
}

.web-access-page-list {
margin: 0 auto;
width: 100%;
margin-top: 10px;
text-align: center;
}

.plans-page {
width:100%;
float: left;
color: #404040;
text-align: center;
margin-top:0px;
margin-bottom:10px;
}

.plans-page1 {
margin-bottom:10px;
}

.plans-payment-option {
color: white;
width: 80%;
margin: 0 auto;
text-align: center;
background-color:#287DC1;
border-radius: 2px;
}

.plans-payment-margin {
margin-bottom: 10px;
border-radius: 2px;
}

.plans-payment-management {
margin-bottom: 10px;
border-radius: 2px;
}

.plans-payment-option h2 {
color: white;
font-size: 16pt;
margin-top: 0px;
margin-bottom: 0px;
font-weight: normal;
}

.plans-payment-wrap {
width:100%;
margin: 0 auto;
}

.plans-payment-cost {
margin-top: 10px;
font-size: 20pt;
margin-bottom: 10px;
}

.plans-payment-button {
padding: 10px 10px 10px 10px;
border: 1px solid white;
border-radius: 2px;
color: white;
font-size: 16pt;
text-decoration:none;
cursor: pointer;
background-color:#287DC1;
}

.plans-payment-button:hover {
text-decoration:underline;
}

.plan-payment-redirect {
margin-top: 20px;
margin-left:60px;
margin-right:60px;
}

.plans-payment-choose-wrap {
width:100%;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}

.plans-payment-select1 {
color: white;
width: 80%;
text-align: left;
float: left;
background-color:#287DC1;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-bottom:20px;
height: auto;
flex: 1;
}

.plans-payment-select1a {
padding-top: 10px;
}

.plans-payment-select1 h2 {
color: white;
font-size: 20pt;
margin-top: 10px;
margin-bottom: 0px;
font-weight: normal;
}

.plans-payment-select1 p {
color: white;
margin-top: 5px;
margin-bottom: 0px;
font-weight: normal;
}

.plans-payment-select2 {
color: white;
width: 20%;
float: left;
text-align: center;
background-color:#287DC1;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom:20px;
font-size: 36pt;
height: auto;
flex: 1;
}

.plans-payment-logo {
display: none;
}

.plan-pl-padding {
display: none;
}

.register-device-wrap {
margin: 0 auto;
width:100%;
}

.register-device-option {
margin: 0 auto;
color: white;
width:100%;
text-align: center;
background-color:#287DC1;
}

.register-device-option-float {
float: left;
}

.register-device-option h2 {
color: white;
font-size: 16pt;
margin-top: 20px;
margin-bottom: 0px;
font-weight: normal;
}

.register-device-button {
padding: 10px 10px 10px 10px;
border: 1px solid white;
color: white;
font-size: 16pt;
text-decoration:none;
}

.register-device-p {
margin-top:10px;
margin-bottom:10px;
}

.register-device-button:hover {
text-decoration:underline;
}

.register-device-margin {
float: left;
margin-top: 15px;
}

.askUser-option {
color: white;
width: 80%;
margin: 0 auto;
text-align: center;
background-color:#287DC1;
border-radius: 2px;
box-shadow: 0px 0px 2px #287DC1;
}

.askUser-margin {
margin-bottom: 10px;
}

.askUser-management {
margin-bottom: 10px;
}

.askUser-option h2 {
color: white;
font-size: 16pt;
margin-top: 0px;
margin-bottom: 0px;
font-weight: normal;
}

.askUsert-wrap {
width:100%;
margin: 0 auto;
}

.askUser-p {
margin-top: 20px;
margin-bottom: 20px;
}

.askUser-button {
padding: 10px 10px 10px 10px;
border: 1px solid white;
color: white;
font-size: 16pt;
text-decoration:none;
}

.askUser-button:hover {
text-decoration:underline;
}


.plans-payment-paypal-wrap {
width:100%;
margin: 0 auto;
}

.plans-payment-paypal-step1 {
color: white;
width:100%;
padding-left:25px;
height:85px;
float: left;
text-align: left;
background-color:#287DC1;
margin-bottom:20px;
}

.plans-payment-paypal-step1 h2 {
color: white;
font-size: 20pt;
margin-top: 10px;
margin-bottom: 0px;
font-weight: normal;
}

.plans-payment-paypal-step1 p {
color: white;
margin-top: 5px;
margin-bottom: 0px;
font-weight: normal;
}


.plans-payment-paypal-step1 a{
text-decoration: none;
font-size: 10pt;
font-weight: bold;
font-style: normal;
color: white;
}

.plans-payment-paypal-step1 a:hover{
text-decoration: underline;
}