@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:767px) {
header .row {width: 100%; margin: 0;}
}

/*@media screen and (min-width: 353px) {*/

	/*table.table {*/
		/*width: 90%;*/
	/*}*/
	/**/
	/*fieldset.rep_form {*/
		/*padding: 0;*/
		/*margin-left: auto;*/
		/*margin-right: auto;*/
	/*}*/

/*}*/


/*@media screen and (min-width: 400px) {*/

	/*********/
	/*Header*/
	/*********/
	/**/


/*}*/

/*@media screen and (min-width: 415px) {*/
	/**/

	/**/
	/*section div a.save {*/
		/*margin-left: 10px;*/
	/*}*/
	/**/
	/*section div.save_link {*/
		/*margin-bottom: 5px;*/
	/*}*/
	/**/
/*}*/

/*@media screen and (min-width: 500px) {*/





	/********/
	/*Body*/
	/*********/



	/*********************/
	/*Rep Form 500px Query*/
	/**********************/
	/**/
	/*form.apply fieldset.rep_form {*/
		/*border: 1px solid #acacac;*/
		/*border-radius: 5px;*/
		/*margin-top: 10px;*/
	/*}*/
	/**/

	/**/
	/**/
	/**/
	/****************/
	/*Sig Page Css*/
	/****************/
	/**/
	/*section.sig_section h2, section.sig_section h4, section.sig_section div.app_preview, section.sig_section div.mouse_sig, div.sig_table h2 {*/
		/*text-align: left;*/
	/*}*/
	/**/
	/*div.app_preview, div.disclosure {*/
		/*margin: auto 5px;*/
	/*}*/
	/**/
	/*div#wrapper section.sig_section {*/
		/*border: 1px solid #acacac;*/
		/*border-top-left-radius: 10px;*/
		/*border-top-right-radius: 10px;*/
	/*}*/
	/**/
	/*div.sig_body div.disclosure div.scrollbox {*/
		/*width: 366px;*/
	/*}*/
	/**/
	/*div.disclosure div button.done {*/
		/*width: 98%;*/
		/*margin-bottom: 64px;*/
	/*}*/
	/**/
	/*div.mouse_sig img{*/
		/*width: 98%;*/
	/*}*/
	/**/
	/*div.sig_button input {*/
		/*width: 98%;*/
	/*}*/

	/*div.sig_table {*/
		/*margin: auto;*/
	/*}*/
	/**/
	/*table.table {*/
		/*width: 70%;*/
	/*}*/
	/**/
	/*table.table th {*/
		/*border-left: none;*/
	/*}*/
	/**/
	/*table.table th, table.table td {*/
		/*padding: 7px 10px 10px 10px;*/
	/*}*/
	/**/
/*}*/

/*@media screen and (min-width: 550px) {*/

	/************************/
	/*Login/Confirm Page CSS*/
	/*************************/
	/**/
	/*form.login input, form.login button {*/
		/*width: 400px;*/
	/*}*/
	/**/
	/*div.disclosure div button.done {*/
		/*width: 489px;*/
	/*}*/
	/**/
	/*div.app_preview, div.disclosure {*/
		/*margin: auto 15px;*/
	/*}*/
	/**/
	/*div.mouse_sig img{*/
		/*width: 489px;*/
	/*}*/
	/**/
	/*div.sig_button input {*/
		/*width: 100%;*/
	/*}*/

	/**/
/*}*/



/*@media screen and (min-width: 700px) {*/


	/*div.app_preview, div.disclosure {*/
		/*margin: auto 46px;*/
	/*}*/


/*}*/

/*@media screen and (min-width: 790px) {*/

	/*form.apply fieldset.rep_form {*/
	/*}*/
	/**/
	/*fieldset form.apply table.table span.percent_form  {*/
	/*}*/
	/**/
	/*fieldset form.apply table.table span.debit_symbols {*/
		/*margin-right: 0;*/
	/*}*/
	/**/
/*}*/


@media screen and (min-width: 861px) {



	form.apply p.above_form {
		margin-left: -22.8%;
	}

	/*************************
	Form Merchant Application
	**************************/

	form.apply input, form.apply label, form.apply label.sub_label, form.apply select, form.apply textarea, form.apply input.checkbox, form.apply select.percent {
		float: none;
		clear: none;
	}

	form.apply label {
		float: left;
		clear: left;
		text-align: right;
		padding-right: 10px;
		width: 30%;
	}

	form.apply label.check {

	}

	form.apply label.sub_label {
		float: right;
		text-align: left;
		padding-left: 5px;
		width: 30%;
		clear: right;
	}

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

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

	form.apply button {
		margin-left:  31.25%;
		margin-right: 30%;
	}

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

	form.apply p img {
		margin-left: 31.25%;
		margin-right: 30%;
	}

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

	form.apply input.button {
		margin-left: 31.15%;
	}

	input#same_add.checkbox {
		margin-left: 30%;
	}



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

	/********
	Rep Form
	**********/

	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: 84%;
		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: 25px;
	}

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

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

	div.right div.pin span.span_two {
		float: none;
		clear: none;
	}

	label.lead, label.rate {
		float: left;
		text-align: left;
	}

	form.apply p.input_buttons {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	form.apply p.input_buttons {
		margin-left: -1.75%;
	}

}

@media screen and (min-width: 868px) {

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

	form.apply fieldset.rep_form label {
		width: 45%;
	}

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

}

@media screen and (min-width: 951px) {




	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: flex;
		flex-direction: column;
	}

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

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

	form.apply p.input_buttons {
		display: flex;
		flex-direction: column;
		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;
	}





}


@media (max-width: 768px) {
	#wrapper {
		width: 97% !important;
		margin: 0 auto;
	}


	.logo{
		text-align:center;
	}
	.logo img{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}


	header {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	header div.call {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	float:right;
	width:100%;
}

	.login input{
		width: 100%;

	}
	input#same_add.checkbox{
		margin-left: 0;
		margin-right: 10px;
	}
	form.apply span.length{
		float: left;
	}
	input#months.small_input{
		margin-left: 0;
	}
	#transaction_amt{
		clear: right;
	}
	#month_volume{
		clear: right;
	}
	form.apply span.dollar_sign{
		padding-top: 5px;
	}
	form.apply span.length{
		float: left;
	}


	fieldset.rep_form{
		width: 100%;
	}
	fieldset form.apply table.table{
		width: 100%;
	}
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td{
		white-space: inherit;
	}
	.table input{
		margin-left: 0 !important;
	}
	div.title h2, div.sub_title h4 {
		text-align: center;
		padding-left: 0;
	}
	footer .call{
		text-align: center;
	}
	.cards {
		text-align: center;
		float:none!important;
	}
	.card_list img{
		width: 260px;
	}
	footer .cards span:after{
		top: 7px;
		margin-left: 3px;
	}
	form.apply input, form.apply select, form.apply textarea{
		width: 100% !important;
	}
	.apply img{
		width: 100%;
	}
	form.apply input.button{
		width: 100%;
	}
	form.apply p.input_buttons{
		align-items: inherit;
	}
	form.apply input.small_input{
		width: 30%;
	}
	.sig_body{
		padding: 0 5px;
	}
	.rate_plan{
		padding: 0 5px;
	}
	div.sig_body div.disclosure div.scrollbox{
		width: 85%;
		height: 165px;
	}
	.login .btn-next{
		width: 100%;
	}
	.box-sign-here{
		width: 100%;
	}
    header div.call{
        margin: inherit;
		text-align:center;
    }
    .break-line{
        display: block;
    }
}

/* col-sm */
@media(min-width: 768px) {
	form.apply span.length{
		float: left;
	}
	input#months.small_input{
		margin-left: 30%;
	}
	input#same_add.checkbox{
		margin-left: 30%;
	}
	fieldset.rep_form{
		width: 100%;
	}
	.login input{

	}
	.login .login_next{
		width: 90%;
	}
	form.apply input, form.apply select, form.apply textarea {
		width: 312px; }
	form.apply p.input_buttons{
		align-items: center;
	}
	form.apply input.small_input{
		width: 30%;
	}

}

/* col-md */
@media(min-width: 992px) {
	form.apply span.length{
		float: none;
	}
	input#same_add.checkbox{
		margin-left: 30%;
	}

	input#months.small_input{
		margin-left: 30%;
	}
	fieldset.rep_form{
		width: 90%;
	}
	form.apply input, form.apply select, form.apply textarea {
		width: 312px; }
	form.apply p.input_buttons{
		align-items: center;
	}
}

@media (max-width:325px){
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
		padding:4px;
	}
}


@media (min-width: 768px){
	.form-horizontal .control-label{
		padding-top:10px;
	}

	.help-block{
		margin-top:9px !important;
	}

	.multi-block{
		margin-top:2px !important;
	}

	.multi-labels{
		padding-top:2px !important;
	}

	.top-align{
		padding-top:0 !important;
		margin-top:0 !important;
	}
}