@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto-Regular'),
url('fonts/Roboto-Regular.ttf') format('truetype');
font-display: swap;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body#wizard {
font-family: 'Roboto', Arial, sans-serif !important;
font-size: 16px !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#container {
width: 100% !important;
padding: 0 !important;
font-size: 16px !important;
max-width: 100% !important;
min-width: 100% !important;
}
#logo_empty{
display:none;
}
#signup-breadcrumb{
display:none;
}
body#wizard #content {
font-size:16px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background-color: #64367b !important;
background-image: none !important;
border: 0 none !important;
max-width: 1024px;
margin-left: 15px;
border-radius: 5px;
}
body#wizard #content h3.sub{
font-family: 'Roboto', Arial, sans-serif !important;
color: #fff !important;
}
body#wizard #content .grid_12{
min-height:auto !important;
}
body#wizard #content .grid_12 center a.btn:last-child{
margin-bottom:35px;	
}
#container button, #container a.btn, #container a#ne, #container .dataTables_paginate span.paginate_button, #container .dataTables_paginate span.paginate_active {
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
cursor: pointer;
text-transform: none;
-webkit-appearance: none;
color: #fff !important;
font: 1em/40px 'Roboto', Arial, sans-serif;
font-weight: 700;
background-color: #C7B8D5 !important;
background-image: none !important;
border: 0 none !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
padding: 0 20px !important;
white-space: normal !important;
vertical-align: top !important;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

#container a.btn:not(.next) {
background-color: #C7B8D5 !important;
}

#container .fr.final a.btn {
background-color: #C7B8D5 !important;
cursor: auto;
}

#footer, #container .byline {
font-size: 0.75em !important;
color:#606060;
max-width: 1024px;
padding-left:15px;
padding-right:15px;
}

#container table th, #container table td {
border-width: 0;
text-shadow: none !important;
font: 1em/16px 'Roboto', Arial, sans-serif !important;
color: #fff !important;
text-align: left !important;
padding: 1em !important;
background-image: none !important;
}

#container table tr th {
color: #fff !important;
background-color: #C7B8D5 !important;
}

#container .leadtext {
font-size: 16px;
font-weight: bold;
color: #000;
font-family: 'Roboto', Arial, sans-serif !important;
}

#container .oldp {
font-size: 16px;
font-weight: bold;
color: #000;
font-family: 'Roboto', Arial, sans-serif !important;
}

#container {
font: 1em/16px 'Roboto', Arial, sans-serif !important;
color: #fff !important;
text-align: left !important;
padding: 1em !important;
background-image: none !important;
}

#container p, #container font, #container #result b {
font-size: 16px !important;
font-family: 'Roboto', Arial, sans-serif !important;
color: #fff !important;
margin: 0.75em 0 !important;
}

#container #result b, #container #step_2 #wizard_packages_text {
font-weight: 700 !important;
}

#container table.packages_table {
background-image: none !important;
background-color: #fff !important;
margin: 0 0 1em 0 !important;
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
text-shadow: none !important;
}

#container form {
border: 0 none !important;
padding: 15px !important;
background-image: none !important;
}
#container form fieldset {
border: 0 none !important;
margin: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
width: 100% !important;
}

#container form  input, #container form select, #container form textarea {
font-size: 100% !important;
display: block;
margin: 0 !important;
vertical-align: baseline !important;
text-decoration: none !important;
border: 0 none !important;
font-family: 'Roboto', Arial, sans-serif !important;
display: inline-block;
text-align: left !important;
padding: 0 20px !important;
margin: 0 !important;
width: 100% !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}

#container form input, #container form select {
height: 40px !important;
}

#container input[type='checkbox'] {
height: 10px !important;
}

#container form fieldset > section {
border: 0 none !important;
background: #64367b !important;
padding: 0 !important;
overflow: hidden !important;
}

form fieldset > section label {
font: 1em/16px 'Roboto', Arial, sans-serif;
color: #fff;
}

.SignupFieldSetLabelSection {
font-family: 'Roboto', Arial, sans-serif !important;
font-size: 1.3em;
margin-top: 15px;
margin-bottom: 15px;
border: none !important;
color: #ffffff;
text-shadow: none;
background: none;
}

#container form span.required {
background-image: none !important;
padding: 0 !important;
}

#container form span.required:after {
content: '*';
font-size: 16px !important;
}

.required_text{
font-family: 'Roboto', Arial, sans-serif !important;
color: #ffffff !important;
}

#container #SignupForm div.fr span, #container #SignupForm div.fr button {
    margin-top: 0 !important;
    display: inline-block;
}

#container #SignupForm div.fr span {
    float: left !important;
}

#container #SignupForm div.fr span a {
    margin: 0 !important;
}

#container .summary_table {
    margin: 2em 0 1em 0 !important;
}

#container .summary_table label {
    font-family: 'Roboto', Arial, sans-serif !important;
    margin: 0 0 0.25em 0 !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: #fff !important;
}

#container #result img {
    float: left !important;
    margin-right: 15px !important;
}

#container #SignupForm div.fr span.wl_formstatus {
    display: block !important;
    clear: both;
    margin: 10px 0 0 0 !important;
    font-weight: 700 !important;
    padding-left: 0 !important;
    font-size: 16px !important;
    color: #fff !important
}