@charset "utf-8";
/* CSS Document */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

input[type=image] {
  width: 100%; }

input {
  border-style: solid;
  border-width: 1px;
  border-color: #d2d2d2;
  border-radius: 4px;
  background-color: white; }

.btn {
  border-width: 1px;
  border-color: #02569b;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(90deg, #4369d4 0%, #527aeb 100%);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.094), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.165);
  height: 44px;
  font-size: 21px;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.278); }

.btn-next {
  width: 100%; }

.icon-next {
  display: inline-block;
  background: url(../../img/icon-btn-next.png) no-repeat;
  width: 17px;
  height: 15px; }

.btn-send {
  font-size: 12px;
  width: 100%;
  height: 48px;
  border-style: solid;
  border-width: 1px;
  border-color: #df5d06;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.094), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.165);
  text-align: left;
  margin-bottom: 10px; }

.btn-send-color-1 {
   background-image: -webkit-linear-gradient(90deg, #f65f06 0%, #dc9703 100%); 
 background-image: -moz-linear-gradient(90deg, #f65f06 0%, #dc9703 100%); 
 background-image: -ms-linear-gradient(90deg, #f65f06 0%, #dc9703 100%); 
 background-image: -o-linear-gradient(90deg, #f65f06 0%, #dc9703 100%); 
}

.btn-send .glyphicon {
  color: #fff600;
  font-size: 9px; }

.btn-send .icon-next {
  float: right; }

/*******
Header CSS
**********/
div#wrapper {
  width: 100%;
  display: block;
  background: #fbfafa; }

header {

	display: block;
	/* [disabled]display: -ms-flexbox; */
	/* [disabled]display: flex; */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	padding: 10px 0;
	background: white;
	width: 100%;
}

.logo img {
	max-width: 100%;
}

.logo {
  margin-bottom: 10px; }

header div.call {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	float:right;
	margin: auto 10px auto auto;
	
}

.call strong {
  font-family: "Verdana";
  font-size: 19px;
  font-weight: bold; }

h2 {
  font-weight: 500; }

/*********
Body CSS
**********/
div#wrapper {
  width: 97%;
  max-width: 899px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/********************************
CSS for Login/Confirmation Begins
*********************************/
.login {
  background: #fbfafa;
  height: 329px;
  padding: 50px 45px 10px;
  margin-bottom: 0; }

.login p {
  padding-bottom: 12px;
  font-size: 18px; }

.login input, .login .btn-next {
  width: 398px;
  height: 47px;
  margin-bottom: 5px;
  padding:10px; }

div.confirm p {
  font-size: 14;
  color: #666666; }

section {
  border: 1px solid #acacac;
  background: #fbfafa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.confirm {
  padding: 20px 50px 105px; }

div.title h2.login_h2, div.title h2.confirm_h2 {
  font-size: 28px;
  font-weight: normal; }

/********************************
CSS for Login/Confirmation Ends
*********************************/
div.title {
  background: #00549a;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 0;
  height: 69px;
  max-height: 100%;
  clear: both; }

div.title h2 {
  padding-left: 46px;
  padding-top: 20px;
  margin-top: 0; }

div.sub_title {
  background: #009349;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  clear: both; }

.sig_title_bg {
  background: #fe0000 !important; }
 
 div.sub_title.sig_title_bg h4 {
  margin-bottom:0px;
  }

div.sig_title h4 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 46px; }

.sub_title h4 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

section form.apply {
  margin-top: 0;
  width: 100%;
  padding: 20px; }

fieldset {
  border: none; }

section form.apply p:first-child {
  margin-top: 0; }

form.apply input, form.apply select, form.apply textarea {
  float: left;
  clear: both; }

form.apply input:focus, form.apply select:focus, form.apply textarea:focus {
  border: 1px solid #3293f1;
  box-shadow: 0 0 1px #3293f1;
  -webkit-box-shadow: inset 0 0 1px #3293f1;
  -moz-box-shadow: inset 0 0 1px #3293f1; }

form.apply button.one, form.apply button.two, form.apply button.three {
  text-align: left;
  width: 305px; }

form.apply button.one::after {
  content: url(../img/star1.png);
  margin-left: 10px; }

form.apply button.red {
  background: #e68304;
  width: 305px; }

form.apply button.red::after {
  content: url(../img/login-arrow-16.png); }

form.apply button.two::after {
  content: url(../img/stars2.png); }

form.apply button.three::after {
  content: url(../img/stars3.png); }

form.apply label {
  float: left;
  clear: both;
  padding-top: 17px;
  width: 70%; }

form.apply input.small_input {
  width: 10%; }

form.apply input, form.apply select {
  height: 36px; }

form.apply label.sub_label {
  font-size: 0.75em;
  color: #acacac;
  padding-top: 6px; }

form.apply input.checkbox {
  width: 17px;
  height: 18px;
  float: left;
  clear: left;
  padding-top: 0; }

form.apply label.check {
  font-size: 12px;
  text-align: left;
  float: none;
  clear: none;
  width: auto;
  vertical-align: top;
  padding-top: 0;
  line-height: 40px; }

/*********
Rep Forms
************/
form.apply fieldset.rep_form input {
  width: 40px;
  float: left;
  margin-left: 19px; }

form.apply fieldset.rep_form label {
  float: left;
  margin-top: 10px;
  padding-top: 5px; }

form.apply fieldset.rep_form {
  float: left;
  background: white; }

form.apply fieldset.rep_form span {
  float: left;
  padding-top: 12px;
  padding-left: 5px; }

form.apply fieldset.rep_form input.dollar_input {
  clear: none;
  margin-left: 0; }

form.apply fieldset.rep_form span.span_two {
  float: left;
  clear: both;
  padding-top: 12px;
  padding-right: 5px; }

form.apply span {
  float: left;
  padding-top: 12px;
  padding-left: 5px; }

/******************
Signature Page CSS
******************/
div#wrapper section.sig_section {
	width: 100%;
	background: white;
}

div.disclosure {
  margin-bottom: 61px; }

div.disclosure div button.done {
  margin-top: 14px;
  border-radius: 5px;
  background: #486edb;
  width: 100%;
  height: 47px;
  border: 1px solid #02569c;
  color: white;
  font-size: 18; }

div#wrapper section.sig_section div.title, div#wrapper section.sig_section div.title div.sig_title, div#wrapper section.sig_section div.title div.sig_title div.sig_body, div#wrapper footer.sig_footer {
  width: 100%; }

div.sig_body div.app_preview {
  max-width: 489px; }

ul.app_preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0; }

div.mouse_sig {
  max-width: 489px; }

div.mouse_sig img {
  width: 100%; }

/*******************
CSS For table style
********************/
.sig_body {
  padding: 0 50px; }

table.table tr {
  border-top: 1px solid #acacac; }

table.table th {
  font-weight: 500; }

/***********
Scrollbox CSS
*************/
div.sig_body div.disclosure div.scrollbox {
  height: 132px;
  border: 1px solid #acacac;
  border-radius: 5px;
  overflow: auto;
  padding: 10px;
  overflow-x:hidden;
  width: 341px; }

/*********
Footer CSS
**********/
/****************
	Footer 500 Query
	****************/
footer {
	width: 100%;
	display: inline-block;
	border-left: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 25px;
	background: #ffffff;
}

footer {
  color: #666; }

footer div.cards {
	float: right;
}

footer div.cards ul li {
  display: inline-block; }

footer .cards span:after {
  content: "";
  top: 15px;
  bottom: 0;
  width: 1px;
  background: #d1d1d1;
  position: absolute;
  height: 35px;
  margin-left: 5px; }

ul li {
  list-style: none; }

footer ul.card_list {
  display: inline-block;
  padding: 0; }

footer ul.card_list li {
  padding-left: 3px;
  padding-right: 3px; }

/***************
CSS updated
***************/
form.apply input.button {
  border: none;
  height: 51px;
  width: 312px; }

form.apply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left; }

span.dollar_sign {
  float: left;
  clear: left; }

form.apply input.button {
  width: 312px;
  height: 47px;
  margin-bottom: 64px; }

div.call {
  color: #7a7a7a; }

div.title h2, div.sub_title h4 {
  text-align: left;
  padding-left: 46px; }

form.apply p {
  margin-top: 10px;
  margin-bottom: 0; }

form.apply p.merch_app {
  margin-top: 15px;
  margin-bottom: 0; }

input#months.small_input {
  margin-left: 30%;
  margin-top: 6px; }

form.apply p input.button1, form.apply p input.button2, form.apply p input.button3, form.apply p input.button4 {
  height: 47px;
  width: 312px;
  border: none;
  margin-bottom: 10px; }

form.apply p.input_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left; }

fieldset.rep_form {
  width: 80%;
  padding: 0;
  margin-left: -20px; }

fieldset.rep_form h3 {
  margin-left: 5%;
  font-weight: 500; }

fieldset form.apply table.table th, fieldset form.apply table.table td {
  background: white; }

fieldset form.apply table.table th {
  padding: 2px 5px 2px 0;
  max-width: none;
  width: 175px;
  font-size: 0.85em;
  font-weight: 500;
  text-align: left; }

fieldset form.apply table.table td input {
  height: 22px;
  width: 40px; }

fieldset form.apply table.table span.span_form {
  font-size: 0.85em;
  margin-top: -7px;
  padding-right: 2px; }
span.span_form {
	float:left;
	padding: 3px;
	}

fieldset form.apply table.table span.percent_form {
  font-size: 0.85em;
  margin-top: -33px;
  padding-right: 2px; }

fieldset form.apply table.table span.debit_symbols, fieldset form.apply table.table span.span_debit {
  font-size: 0.85em;
  padding: 0; }
span.span_debit {
  padding-right: 3px;
  }

fieldset form.apply table.table span.debit_symbols {
  margin-right: 2px; }

fieldset form.apply table.table input.percent {
  margin-left: 0; }

section div a.save {
  margin-left: 5%;
  font-size: 0.85em; }

form.apply p.merchant_letter {
  margin-top: 10px;
  margin-bottom: 10px; }

div.sig_button input {
  width: 100%;
  max-width: 488px;
  margin-bottom: 60px;
  margin-top: 13px; }

form.apply fieldset.rep_form label, form.apply fieldset.rep_form input {
  float: none;
  clear: none; }

div.left {
  float: left;
  width: 50%; }

div.right {
  float: right;
  width: 50%; }

form.apply fieldset.rep_form div.left div label, form.apply fieldset.rep_form div.right div label {
  float: left;
  text-align: left;
  width: 54%;
  padding-right: 10px; }

form.apply fieldset.rep_form span.span_two {
  float: none;
  clear: none; }

form.apply fieldset.rep_form span {
  float: none; }

form.apply fieldset.rep_form div.left div, form.apply fieldset.rep_form div.right div {
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #acacac; }

form.apply fieldset.rep_form div.right div.pin input.percent {
  margin-left: 19px; }

form.apply fieldset.rep_form div.right div.pin input.dollar_input {
  margin-left: 0; }

form.apply span.length {
  float: none; }

input#pin_fee.percent {
  margin-left: 0; }

/*************
Test Css
***************/
form.apply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

form.apply label {
  padding-top: 10px; }

section form.apply p.merch_app {
  margin-top: 15px;
  margin-bottom: 0; }

form.apply span.dollar_sign {
  padding-right: 5px;
  padding-top: 16px; }

form.apply p.input_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

form.apply p input.button1, form.apply p input.button2, form.apply p input.button3, form.apply p input.button4 {
  height: 51px;
  width: 312px;
  border: none; }

/* application page */
label {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

input#same_add.checkbox {
  margin-left: 30%;
  display: inline-block;
  margin-top: 10px; }

.money-sign {
  float: left;
  margin-right: 5px; }

.money-sign ~ input {
  width: 80%; }

.wrap-table {
  border-style: solid;
  border-width: 1px;
  border-color: #d2d2d2;
  border-radius: 5px;
  background-color: white;
  padding: 20px; }

.wrap-table > .row {
  margin-bottom: 10px;
  border-bottom: 1px solid;
  border-color: #d2d2d2;
  margin-left: 0;
  margin-right: 0; }

.wrap-table label {
  padding: 0; }

.wrap-table .row .row div {
  padding: 0; }

.wrap-table > .row:first-of-type {
  border-top: 1px solid;
  border-color: #d2d2d2; }

.wrap-table > .row:last-of-type {
  border-bottom: 0; }

.wrap-table .row .row {
  padding: 10px 0; }

.box-sign-here {
  border-style: solid;
  border-width: 1px;
  border-color: #716f6f;
  border-radius: 4px;
  background-color: white;
  width: 488px;
  height: 260px;
  margin-bottom: 10px; }

.box-title {
  text-align: center;
  background-color: #ff0007;
  height: 62px;
  font-size: 22px;
  color: #fff;
  line-height: 62px; }

.box-content {
  padding: 10px;
  height: 160px; }

.box-footer {
  padding: 10px 0;
  /*background: url(../../img/box-footer-bg.png) repeat-x top;*/
  margin: 0 10px; }

.rate_plan {
	padding:0 50px;
	background: #fbfafa;
	padding-top:20px;
}


.not-same-address,
.cc-terminal-selection-set-1,
.cc-terminal-selection-set-2,
.cc-terminal-selection-set-3,
.merchant-acc-other-field,
.rate-plan-table{
	display:none;
}

.login input {
  font-size: 18px }

.login-error {
  color: #428BCA;
  padding: 50px 45px 10px;
  margin-bottom: 0; 
  font-size: 18px;
}

canvas.jSignature { height: 140px; }