/*MARCO*/
.account-j-row{width:400px;margin:0 auto;}
@media screen and (max-width:450px ){.account-j-row{width:100%;}}
.account-j-row2{width:600px;margin:0 auto;}
@media screen and (max-width:650px ){.account-j-row2{width:100%;}}
.account-j-marco{width: calc(100% - 42px);width: -webkit-calc(100% - 42px);width: -moz-calc(100% - 42px);padding:20px;float:left; border:1px solid #cccccc;margin:0 0 20px 0;color:#000000;background:#F9F9FB;}
.account-border-bottom{width:100%;float:left;border-bottom:1px solid #cccccc;padding:0 0 5px 0;margin:0 0 10px 0;}
/*Boton*/
.account-boton{width:250px;padding:15px 0 15px 0;background:#404040;color:#ffffff;border:0;font-size:15px;font-weight:bold;letter-spacing:1px;}
.account-boton:hover{background:#CF0016;-webkit-animation-name: account-boton-animation;-webkit-animation-duration:0.5s;animation-name: account-boton-animation;animation-duration: 0.5s;}
.account-porta-boton-bottom{width:100%;float:left;border-top:1px solid #cccccc;padding:15px 0 0 0;text-align:center;}
.account-porta-boton{width:100%;float:left;padding:20px 0 20px 0;text-align:center;}
.account-j-boton-add{background:#309230 url("../../../img/icon/add.png")no-repeat;background-size:10px;background-position:10px 12px;padding:5px 20px 5px 30px;margin:0 0 20px 0;float:left;color:#ffffff;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}
.account-j-boton-add:hover{background-color:#CF0016;color:#ffffff;}
.account-j-boton-seleccionar{background:#CF0016 url("../../../img/icon/marcador2.png") no-repeat 75px 10px;background-size:20px;text-align:left;width:100px;float:left; border:0px; color:#ffffff;padding:8px 0 8px 10px; margin:20px 0 0 0;}
.account-j-boton-seleccionar:hover{background-color:#309230;}
.account-j-icon-eliminar{width:20px;height:20px; float:right; margin-left:15px;background:url("../../../img/icon/eliminar.png")center 3px no-repeat;background-size:15px;}
.account-j-icon-eliminar:hover{background-position:center -57px;}
.account-j-icon-editar{width:20px;height:20px;float:right; margin-left:15px;background:url("../../../img/icon/editar.png")center 3px no-repeat;background-size:15px;}
.account-j-icon-editar:hover{background-position:center -57px;}
.account-j-marco-mause-selec{background:#EDE4C2;}
.account-j-marco-mause{background:#ffffff;}
.account-j-marco-mause:hover{background:#F0F0F0;}
.account-j-boton-right{float:right;margin:10px 0 0 10px;}
.account-boton-crear{width:250px;padding:15px 0 15px 0;background:#309230;color:#ffffff;border:0;font-size:15px;font-weight:bold;}
.account-boton-crear:hover{background:#cf0016;}
/*celdas*/
.account-input-tex{width:100%;float:left;}
.marco-input-100{width:100%;float:left;padding:0 0 0 0;}
.marco-input-i50{width: calc(50% - 3px);width: -webkit-calc(50% - 3px);width: -moz-calc(50% - 3px);float:left;padding-right:3px;}
.marco-input-d50{width: calc(50% - 3px);width: -webkit-calc(50% - 3px);width: -moz-calc(50% - 3px);float:left;padding-left:3px;}
.marco-input-i33{width: calc(33.33% - 3px);width: -webkit-calc(33.33% - 3px);width: -moz-calc(33.33% - 3px);float:left;padding-right:3px;}
.marco-input-c33{width: calc(33.33% - 6px);width: -webkit-calc(33.33% - 6px);width: -moz-calc(33.33% - 6px);float:left;padding:0 3px 0 3px;}
.marco-input-d33{width: calc(33.33% - 3px);width: -webkit-calc(33.33% - 3px);width: -moz-calc(33.33% - 3px);float:left;padding-left:3px;}
.marco-input-i67{width: calc(66.67% - 3px);width: -webkit-calc(66.67% - 3px);width: -moz-calc(66.67% - 3px);float:left;padding-right:3px;}
.marco-input-d33{width: calc(33.33% - 3px);width: -webkit-calc(33.33% - 3px);width: -moz-calc(33.33% - 3px);float:left;padding-left:3px;}
.account-j-marco-address-70{width: calc(100% - 120px);width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);float:left;}
.account-j-marco-address-30{width:100px;float:left;margin:0 0 0 20px;}
.account-j-marco-t50{width: calc(100% - 90px);width: -webkit-calc(100% - 90px);width: -moz-calc(100% - 90px);float:left;font-size:14px;text-align:left;}
.account-j-marco-i50{width:90px;float:left;}
@media screen and (max-width:650px ){
.marco-input-i50{width:100%;padding:0 0 0 0;}
.marco-input-d50{width:100%;padding:0 0 0 0;}
.marco-input-i33{width:100%;padding:0 0 0 0;}
.marco-input-c33{width:100%;padding:0 0 0 0;}
.marco-input-d33{width:100%;padding:0 0 0 0;}
.marco-input-i67{width:100%;padding:0 0 0 0;}
.marco-input-d33{width:100%;padding:0 0 0 0;}
.account-j-marco-address-70{width:100%;padding:0 0 5px 0;}
.account-j-marco-address-30{width:100%;padding:0 0 5px 0;}
.account-j-marco-t50{width:100%;padding:0 0 5px 0;}
.account-j-marco-i50{width:100%;padding:0 0 5px 0;}
}



/*Formulario*/
.account-tex{width:100%;float:left; padding: 0 0 20px 0;}
.account-porta-link{width:100%;float:left;padding:0 0 20px 0;text-align:center;}
.account-link{color:#1A3EB9;}
.account-link:hover{color:#4E90F5;}
.google-recaptcha{width:100%;float:left;padding:0 0 0 0;}
.g-recaptcha{margin:0 auto;width:305px;}



.forma-pago-col{width:100%;float:left;padding:0 0 10px 0; margin:0 0 10px 0;}
.forma-pago-col-33{width:33%;float:left;}


.folio-link-oders{width:100%;float:left;padding:10px 0 10px 0;border-top:1px solid#cccccc;}
.folio-link-oders:hover{background:#eeeeee;}

.folio-titulo-blod{width:100%;float:left;font-weight:bold;padding:0 0 3px 0;}
.folio-pago-boton{width:100%;float:left;padding:0 0 20px 0;}
.folio-cuerpo{width:100%;float:left;padding:20px 0 20px 0;border-top:1px solid#cccccc;}
.folio-col1{width:200px;float:left;padding:0 20px 0 0;}
.folio-col2{width: calc(100% - 220px);width: -webkit-calc(100% - 220px);width: -moz-calc(100% - 220px);float:left;text-align:left;}
.status-barra{width:100%; padding:5px 0 5px 0;margin:0 0 5px 0;float:left;font-size:14px;text-align:center;font-weight:bold;line-height:15px;}
.status-rojo{background:#F1342F;color:#ffffff;}
.status-verde{background:#A4BE2D;color:#ffffff;}
.status-naranja{background:#FF8000;color:#ffffff;}

@media screen and (max-width:700px ){
.forma-pago-col-33{width:100%;}
.folio-col1{width:100%;padding:0 0 20px 0;}
.folio-col2{width:100%;float:left;text-align:left;}
}
@media screen and (max-width:600px ){
.folio-col1{width:200px;padding-bottom:20px;padding-right:0;padding-left: calc((100% - 200px)/2);padding-left: -webkit-calc((100% - 200px)/2);padding-left: -moz-calc((100% - 200px)/2);}
.folio-col2{width:100%;float:left;text-align:left;}
}
