/* ----------------------------------------------------
 		Main Body Styles - STYLE
----------------------------------------------------- */
.inner_body {
	background-color: #e3f2fd;
	padding:30px 0px 0px 0px;
}
.inner_footer {
	background-color: #e3f2fd;
	padding:0px 0px 0px 0px;
}
.underline {
    text-decoration: underline;
}
/* Increase all font sizes on mobile */ 
@media (max-width: 767px) { 
  html { 
    /* default is 1rem or 16px */ 
    font-size: 12px; 
  } 
}
body {	
    font-family: Avenir,Helvetica Neue,Segoe UI,Roboto,sans-serif;
   /* font-family: 'Lato', sans-serif; */
    margin: 0;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	/* line-height: 20px; */
	color: #333333;
	background-color: #e3f2fd;
}
.copyright {
	 font-size: 14px; 
}

.onward_font {
	font-family: 'Permanent Marker', cursive;
}

.xp_h1 {
	font-size:36px;
	font-weight:400;
	line-height:1.4;
	font-family: Avenir,Helvetica Neue,Segoe UI,Roboto,sans-serif;
}
.xp_h2 {
	font-size:30px;
	font-weight:400;
	line-height:1.2;
	font-family: Avenir,Helvetica Neue,Segoe UI,Roboto,sans-serif;
}
h1.line_h1{
	font-size:40px;
	font-weight:700;
	text-shadow:0 1px 5px rgba(0,0,0,0.6);
}
h2.line_h2{
	font-weight:300;
	text-shadow:0 1px 5px rgba(0,0,0,0.6); 
}

h1.line_h1a{
	font-size:40px;
	font-weight:700;
}
h2.line_h2a{
	font-weight:400;
}

.hr_dark {
	border: solid #808080;
}
.hr_blue {
	border-bottom:1px solid lightblue;
}

li{
	list-style: none; 
}
ul.xp_bullet li{
	list-style-type: initial;
}
ol.xp_alpha li{
	list-style-type: lower-alpha;
}
ol.xp_number li{
    list-style-type:decimal;
}
.li_space li{
	padding-bottom:12px;
}
.useragreement{
	font-size:1.1em;
	padding:20px 50px 35px 50px;
}
.font-text_1{
	font-size:1.1em;
}
.font-text_2{
	font-size:1.2em;
}
.font-text_3{
	font-size:1.3em;
}
.font-text_4{
	font-size:1.4em;
}
.text-555{
	color: #555;
}

.content-box1 {
	border: 1px solid #dfdfeb;
	border-radius: 6px;
	padding: 22px 25px 20px 25px;
	margin-bottom: 20px;
	background-color: white;
}
.content-box1_less{
	border: 1px solid #dfdfeb;
	border-radius: 6px;
	padding: 7px 15px 20px 15px;
	margin-bottom: 20px;
	background-color: white;
}
.content-box2{
	border: 1px solid #dfdfeb;
	border-radius: 6px;
	padding: 5px 2px 8px 10px;
	margin-bottom: 10px;
	background-color: white;
}
.errortext {
	color: #ff0000;
}
.pd {
	margin-bottom:8px;
}
.mybadge-warning {
  	background-color: #d9534f;
    font-weight: 600;
    color: #fff;       
}


.badge {
  padding: 1px 6px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}						

/* ----------------------------------------------------
 		PRODUCT LINE MAKES -- Radio Button - STYLE
----------------------------------------------------- */
.funkyradio div {
  clear: both;
  overflow: hidden;
}
.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}
.funkyradio input[type="checkbox"]:empty {
  display: none;
}
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  font-size: 11px;  /*new*/
  line-height: 2.25em; /*2.5*/
  text-indent: 3.25em;
  margin-top: 0em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

/* ----------------------------------------------------
 		How It Works 1-2-3 - STYLE
----------------------------------------------------- */
.chp.horizontal-progress {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.horizontal-progress {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    position: relative;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-flow-row-nowrap, .horizontal-progress {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.passive .horizontal-progress__step {
    color: #999;
}
.horizontal-progress__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ddd;
    position: relative;
    z-index: 1;
}
.horizontal-progress__step__line {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
}
.horizontal-progress__step__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    width: 32px;
    text-align: center;
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    background-color: #fff;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 0 1px 0 #999 inset, 0 0 1px 0 #999;
    box-shadow: inset 0 0 1px 0 #999, 0 0 1px 0 #999;
}
.first .horizontal-progress__step__line:before {
    display: none!important;
}
.last .horizontal-progress__step__line:after {
    display: none!important;
}
.passive .horizontal-progress__step__line:after, .passive .horizontal-progress__step__line:before {
    border-bottom: 1px solid #999;
}
.horizontal-progress__step__line:before {
    left: 0;
}
.horizontal-progress__step__line:after, .horizontal-progress__step__line:before {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #ddd;
    width: 50%;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.passive .horizontal-progress__step__line:after, .passive .horizontal-progress__step__line:before {
    border-bottom: 1px solid #999;
}
.horizontal-progress__step__line:after {
    right: 0;
}
.horizontal-progress__step__line:after, .horizontal-progress__step__line:before {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #ddd;
    width: 50%;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

/* ----------------------------------------------------
 		Review Reply Bubble - STYLE
----------------------------------------------------- */
.bubble 
{
	position: relative;
	width: 80%;
	min-height: 60px;
	padding: 0px;
	background: #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: #dfdfeb solid 1px;
	padding:15px;
	margin-top:15px;
	margin-left:50px;
}
.bubblex:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 10px 8px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -8px;
	left: -10px;
	top: 69%;
}
.bubblex:before 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 10px 8px 0;
	border-color: transparent #dfdfeb;
	display: block;
	width: 0;
	z-index: 0;
	margin-top: -8px;
	left: -11px;
	top: 69%;
}