@keyframes slideInFromLeft {
  0% {
    transform: translateX(-80px);
  	opacity:0;
  }
50% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(0);
  	opacity:1;
	}
}
#main > form{  
 animation: .65s ease-out 0s 1 slideInFromLeft;
}

@media (max-width: 767px){
	.mobile-service-info {
		background-color: #fff;
    	border-radius: 0;
    	padding: 0;
	}
}
.service-detail br{
	display:none;
}
.icon-size img {
    width: 13px;
    margin-right: 5px;
    margin-top: 4px;
}
.white-space{
	margin-bottom:35px !important;
}
/*link fields*/
#service-panel fieldset .pre_load{
	padding: 5px 10px !important;
    border-radius: 5px !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    background-color: #f9f9f9 !important;
    color: #737373 !important;
    text-align: left !important;
    font-weight: 500 !important;
	margin-bottom:0 !important;
}
/*link fields*/
/*#service-panel input, #service-panel select{
	border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: none;
    background-color: #f9f9f9 !important;
	color: #737373 !important;
}*/
#service-panel legend{
	padding-top:7px;
}
#service-panel .col-xs-10 {
    width: 100%;
    padding: 0;
	margin-left:0 !important;
}
.btn-continuar{
	padding: 15px 0;
    font-size: 20px;
    border-radius: 5px;
    margin-top: 50px !important;
	margin-bottom:100px;
    /*border-color: #383838;
    color: #383838;*/
}
.black{
	color:#383838 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	line-height:1.4;
}
@media (max-width: 767px){
	.white-space {
    	margin-bottom: 25px !important;
	}
	.mobile-service-info img.center-block{
		margin: 0 auto 30px;
	}
	.btn-continuar {
    	padding: 8px 0;
    	font-size: 16px;
    	border-radius: 5px;
    	margin-top: 30px;
		margin-bottom:50px;
    }
}



/* Forma de pago*/




   /*#payment_method > .form-group:last-child{
   width: 100%;
   margin: 0 -15px;
   }*/
   .btn-back{
   color:#383838;
   margin-bottom:15px;
   font-family:'Montserrat';
   padding:0;
   }
   .btn-back span{
   font-size:11px;
   }
   .black{
   color:#383838 !important;
   }
   #payment_method {
    display: block;
    border: none;
    border-radius: 0;
    background-color: transparent;
    display: inherit;
   }
   #payment_method label.btn.btn-payment-method, #msi_select .select_plan label{
   max-width: none !important;
   	width:100%;
   }
	#payment_method label.btn.btn-payment-method img{
		width:100%;
	}
   #payment_method .btn:active, #payment_method .btn.active, #msi_select .btn.active, .btn-payment-plan.active{
   background-image: none;
   box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
   /*border: 2px solid #dee3ff;*/
   background-color:#f7f7f7;
   border-radius: 5px !important
   }
   #payment_method .btn, #msi_select .btn-payment-method, .btn-payment-plan{
   border: 2px solid #ddd;
   }
   .fieldset_payment{
   border: none !important;
   width: 100%;
   margin: 0 !important;
   padding: 0 !important;
   margin-bottom: 8px !important;
   }
   .legend_payment{
   display:none;
   }
   fieldset.fieldset_payment{
   border:none !important;
   }
   fieldset .col-xs-4, fieldset .col-xs-6{
   width:100%;
   margin-bottom:15px;
   }
   @media(max-width:767px){
   #payment_method .btn{
   padding: 9px 0;
   }
}

/*datos de la tarjeta*/
#terminal_layout{
	/*margin-right: -15px;
    margin-left: -15px;*/
    background-color: transparent;
    padding: 0;
    border:none;
    box-shadow: none;
}
.col-info > div {
    margin: 0;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
  }
.white-space-top{
	margin-top:50px;
}
#tittle_terminal{
	padding:0 15px;
}
.alert-warning{
	border:none;
	background-color: #f7f7f7;
    border-radius: 5px;
	text-align:left;
}
/*#terminal_layout > div:nth-child(3){
	padding-left:0;
	padding-right:0;
}*/
#card_data label, #fieldsetMercadoPagoCc label, #data_client label, #form_billing label, .gray{
	margin-top:7px;
	margin-bottom: 10px !important;
    color: #757575 !important;
    font-family: 'Montserrat-bold';
}
/*#card_data input, #card_data select, #fieldsetMercadoPagoCc input, #msi_in_card_form_mp select, #data_client input, #data_client select, #form_billing input, #details input{
	border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: none;
    background-color: #f9f9f9 !important;
    color: #737373 !important;
	height: 35px;
	font-size:14px !important
}*/
#card_data div, #fieldsetMercadoPagoCc div, #form_billing div:nth-child(3) .row > div{
	margin-bottom:15px;
}
#data_client div{
	margin-bottom:22px;
}
/*facturacion*/
#form_billing .btn-continuar, #form_billing .btn-omit, #details .btn-continuar, #details .btn-omit{
	margin-bottom:30px !important;
}
.btn-omit{
	margin-top:0;
	color:#383838;
}
.btn-omit:hover{
	color:#384cbb;
}
.important-text{
	margin-top: 20px !important;
    padding-top: 20px;
    border-top: 1px solid #d7d7d7;
    margin-bottom: 100px;
}
/*Resumen*/
#resumen_info .right-info{
	float: right;
}
#resumen_info .col-card{
	min-height:63px;
}
#resumen_info .col-card .method-img{
	margin-top: 9px;
    float: left;
}
#confirm_order .col-info, #resumen_info .col-info, #plan_info .col-info{
	width:100% !important;
	margin-bottom:15px !important;
	background-color:#f7f7f7;
	border-color:#ddd !important;
	border-radius:5px;
	padding: 10px 15px;
}
#subtotals .col-info .text-left{
	color:#383838 !important;
}
#subtotals .col-info span:last-child{
	font-size:16px !important;
}
#confirm_payment_modal .modal-content{
	border-radius: 0;
    box-shadow: none;
    border-color: #ddd;
}
#confirm_payment_modal .modal-footer .btn{
	font-size: 16px;
    padding: 10px 12px;
    border-radius: 5px;
}
/*success*/
.line-division{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
#details .btn-continuar, #details .btn-omit{
	font-size:18px;
}
#btn_get_bill{
	margin-top:0;
}
#details .btn{
	margin-top:18px;
}
.transaction_info p {
    border-bottom: 1px solid #ddd !important;
}
.transaction_info p:last-child{
	    color: #383838;
}
/*planes*/
#msi_select label{
	text-align:left;
}
#msi_select label span:last-child{
	margin:0;
}
#msi_select .select_plan, .select_plan{
	margin-bottom:15px;
}
#msi_select{
	display:none;
}
.select_plan .gray{
	margin:0 !important;
}
.btn-payment-plan{
	padding: 8px 15px;
	text-align:left;
}
#amount_plan{
	float:right;
}
@media (max-width:470px){
	.select_plan .gray:last-child, #amount_plan{
		margin: 5px 0 0 0 !important;
    	float: none !important;
    	display: block;
    	white-space: normal;
	}
}
@media (max-width: 767px) and (min-width: 427px){
	fieldset.fieldset_payment {
    	max-width: initial !important;
	}
}
@media (max-width:767px){
    #payment_form > .white-space-top{
        margin-top: 0;
    }
    #payment_form .col-payment-info{
        margin: 0 10px;
    }
    #payment_form .col-payment-info .business_name{
        font-size:20px;
        margin-top:15px;
    }
}
@media(min-width: 768px){
    .col-payment-info .row > div:first-child > a img{
        height:134px;        
    }
}
@media (min-width: 992px){
    .col-payment-info .row > div:first-child > a img{
        height:105px;        
    }
    #payment_method > div:first-child {
        padding: 0;
    }
}
@media(min-width: 1200px){
    .col-payment-info .row > div:first-child > a img{
        height:80px;        
    }
}
