@charset "utf-8";
/* CSS Document */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  /* margin-bottom: 60px; */
}

.divisor-div{
	width:100%; 
	height:50px;
}
.linea-azul{
	width:100%;
	border-bottom:2px solid #81B5E3;	
}

/* ------ PRELOADER ------ */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; 
    z-index:99999999;
	visibility:hidden;
}

#status {
	height:300px;
	width:300px;
	position:absolute;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-150px;
    background-repeat:no-repeat;
    background-position:center;
}



/* ------ FOOTER --------- */
.footer {
	width: 100%;
	background-color: #666;
  	color: #FFFFFF;
	/*
	position: absolute;
	bottom: 0;¨
	*/  	
  	/* Set the fixed height of the footer here */
  	/*height: 60px;*/  /*line-height: 60px;+> /* Vertically center the text there */  	
}
.footer-text-copy{
	font-size:.5rem;
	font-weight:400;
	padding-top:20px;
}
.footer-text-copy p{
	margin-top:20px;
}
.footer-text-col{
	padding-top:20px;
	font-size:.8rem;
	font-weight:400;
}

.footer-text-col a{
	color:#FFFFFF;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.fix-content{
	padding-top:100px;
}

.titulos-inter{
	color:#81B5E3; 
	text-transform:uppercase; 
	margin-bottom:30px;
}

/*
body > .container {
  padding: 98px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
*/
#bgimage{
	z-index:2;
	/*
	height:807px;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	background:url(../img/bglogin.jpg?crc=57683747) no-repeat left top;
	background-size:cover;
	*/
}


/* FORM STYLES AUX */
/* --------------------------------------------------*/
.menu_text{
	font-size:11px;
	font-weight:700;
	text-align:center;
}

/* FORM STYLES AUX */
/* --------------------------------------------------*/
.form-square-check{
	width:100%; 
	border:1px solid #cccccc;
	overflow:hidden; 
	padding:10px; 
	box-sizing:content-box; 
	border-radius:3px;
}

.form-check{
	font-size:13px;
}

.form_button_style{
	background:#81B5E3;
	color:#FFF; 
	font-weight:bold; 
	font-size:1rem; 
}

.form_button_style:hover{
	background:#333;
}

/* LOGIN STYLES */
/* --------------------------------------------------*/

.login_main_content{
	width:100%;
	background:#F7F7F7;
	border-radius:5px;
	margin-bottom:70px;
}
.login_whiteside{
	padding:20px;
}
.login_blueside{
	background:#81B5E3;
	color:#FFF;
	padding:20px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.login_text_lines{
	color:#FFFFFF;
	text-align:center;
	font-size:1.3rem;
}
.login_text_lines span{
	font-weight:bold;
}


/* SIDEBAR STYLES */
/* --------------------------------------------------*/

.sidebar-content{
	background:#81B5E3;
	/*background:#007bff;*/
	border-bottom-left-radius:10px; 
	border-bottom-right-radius:10px; 	 
	padding-top:35px; 
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
	color:#FFF;
	box-sizing:border-box;
}
.sidebar-content p{
	/*text-align:center; */
	font-size:1rem;
}
.sidebar-content a{
	color:#FFF;
}

/* STATUS BAR STYLES */
/* -------------------------------- */

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/

.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 15px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum_dos {color: #595959; font-size: 14px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #60B3F7; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background:#006CFF; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background:#A5CBE4;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/


/* PROCESOS STYLES */
/* -------------------------------- */

/* REVISAR PEDIDO */

.revisar-single-content{
	width:100%;
	border-bottom:1px solid #999999; 
	/*border-radius:3px; */
	padding:10px;
	margin-bottom:10px; 
	box-sizing:border-box;
}

#zipAlertType, #zipAlertName, #zipAlertPeso, #zipAlertSucces{
	/*font-family: 'Open Sans', sans-serif;*/
	font-size:16px;
	font-weight:600;
	width:100%;
	color:#000000;
	display:none;		
}


/* OPEN PAY */
/* -------------------------------- */

::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;
}
::-moz-placeholder {
   font-style: italic;
}
:-ms-input-placeholder {  
   font-style: italic;
}

.bkng-tb-cntnt {
    float: left;
    width: 100%;
}
.bkng-tb-cntnt a.button {
    color: #fff;
    float: right;
    font-size: 18px;
    padding: 5px 20px;
    width: auto;
}
.bkng-tb-cntnt a.button.o {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #e51f04;
    border: 1px solid #e51f04;
}
.bkng-tb-cntnt a.button i {
    color: #fff;
}
.bkng-tb-cntnt a.button.o i {
    color: #e51f04;
}
.bkng-tb-cntnt a.button.right i {
    float: right;
    margin: 2px 0 0 10px;
}
.bkng-tb-cntnt a.button.left {
    float: left;
}
.bkng-tb-cntnt a.button.disabled.o {
    border-color: #ccc;
    color: #ccc;
}
.bkng-tb-cntnt a.button.disabled.o i {
    color: #ccc;
}
.pymnts {
    float: left;
    width: 100%;
}
.pymnts * {
    float: left;
}

.sctn-row {
    margin-bottom: 35px;
    width: 100%;
}
.sctn-col {
    width: 375px;
}
.sctn-col.l {
    width: 425px;
}
.sctn-col input {
    border: 1px solid #ccc;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 12px;
    width: 333px;
}
.sctn-col label {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 100%;
}
.sctn-col.x3 {
    width: 300px;
}
.sctn-col.x3.last {
    width: 200px;
}
.sctn-col.x3 input {
    width: 210px;
}
.sctn-col.x3 a {
    float: right;
}
.pymnts-sctn {
    width: 800px;
}
.pymnt-itm {
    margin: 0 0 3px;
    width: 100%;
}
.pymnt-itm h2 {
    background-color: #e9e9e9;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 28px 0 28px 20px;
    width: 100%;
}
.pymnt-itm.active h2 {
    background-color: #81B5E3;
    color: #fff;
    cursor: default;
}
.pymnt-itm div.pymnt-cntnt {
    display: none;
}
.pymnt-itm.active div.pymnt-cntnt {
    background-color: #f7f7f7;
    display: block;
    padding: 0 0 30px;
    width: 100%;
}

.pymnt-cntnt div.sctn-row {
    margin: 20px 30px 0;
    width: 740px;
}
.pymnt-cntnt div.sctn-row div.sctn-col {
    width: 345px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.l {
    width: 395px;
}
.pymnt-cntnt div.sctn-row div.sctn-col input {
    width: 303px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half {
    width: 155px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half.l {
    float: left;
    width: 190px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half input {
    width: 113px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv {
    background-image:url(../img/openpay/cvv.png);
    background-position: 156px center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv div.sctn-col.half input {
    width: 110px;
}
.openpay {
    float: right;
    height: 60px;
    margin: 10px 30px 0 0;
    width: 435px;
}
.openpay div.logo {
    background-image:url(../img/openpay/openpay.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    border-right: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    height: 45px;
    padding: 0px 20px 0 0;
}
.openpay div.shield {
    background-image:url(../img/openpay/security.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    padding: 5px 0 0 40px;
    width: 240px;
}
.card-expl {
    float: left;
    height: 80px;
    margin: 20px 0;
    width: 100%;
}
.card-expl div {
    background-position: left 45px;
    background-repeat: no-repeat;
    height: 70px;
    padding-top: 10px;
}
.card-expl div.debit {
    background-image: url(../img/openpay/cards2.png);
    margin-left: 20px;
    width: 540px;
}
.card-expl div.credit {
    background-image: url(../img/openpay/cards1.png);
    border-right: 1px solid #ccc;
    margin-left: 30px;
    width: 209px;
}
.card-expl h4 {
    font-weight: 400;
    margin: 0;
}