.app-xhr-error.show{
background-color: red;
}
.pub-usuario-alta .form-alta { padding:0px 16px 40px 16px }
.pub-usuario-alta .form-alta h4 { text-align: left; font-size: 16px; }
.pub-usuario-alta .form-alta > form { margin:0px auto; text-align:center; background:#FAFAFA; max-width:740px; padding: 2rem;}
.pub-usuario-alta .form-alta > form > h3 { margin-bottom:24px }
.pub-usuario-alta .form-alta > form > h4 { font-weight:normal; margin-bottom:24px; font-size:24px; color:#636362 }
.pub-usuario-alta .form-alta > form >  button { width:100%; margin-top:20px }
.pub-usuario-alta .form-alta > form > .frm p { color: red; font-size: 13px; margin-left: 3px;}
.pub-usuario-alta .form-alta > form > .frm h4 > p { display: contents;}
.pub-usuario-alta .form-alta > form > .frm .input { flex-direction:column; width:100% }
.pub-usuario-alta .form-alta > form > .frm .input > span:first-child { text-align:left; width:100%; font-size:14px; color:#3C3C3B; padding-bottom:4px; display:flex }
.pub-usuario-alta .form-alta > form > .frm .input > span:first-child small { display:none; flex-grow:1; flex-shrink:1; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#F24147; text-align:right }
.pub-usuario-alta .form-alta > form > .frm .select { flex-direction:column; width:100% }
.pub-usuario-alta .form-alta > form > .frm .select > span:first-child { text-align:left; width:100%; font-size:14px; color:#3C3C3B; padding-bottom:4px; display:flex }
.pub-usuario-alta .form-alta > form > .frm .select > span:first-child small { display:none; flex-grow:1; flex-shrink:1; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#F24147; text-align:right }
.pub-usuario-alta .form-alta > form > .frm > * { margin-bottom:25px }
.pub-usuario-alta .form-alta > form > .frm > .row { display:flex }
.pub-usuario-alta .form-alta > form > .frm > .row > * { margin-right:25px }
.pub-usuario-alta .form-alta > form > .frm > .row > *:last-child { margin-right:0px }
.pub-usuario-alta .form-alta > form > .frm .note { font-size:12px; color:#7C8DB0; text-align:left; margin-top:-18px; line-height:17px }
.pub-usuario-alta .form-alta > form > .frm .note-right { font-size:12px; color:#7C8DB0; text-align:right; margin-top:-18px; line-height:17px }
.pub-usuario-alta .form-alta > form .ciudad > span:first-child:before { content:'Ciudad' }
.checkbox.newsletter input:checked ~ .checkNews {color: red;}
.pub-usuario-alta .form-alta > form > .frm > .row > .input.Phone { margin-top:28px }
.pub-usuario-alta .form-alta > form div.err { display:none; background:#FEECED; border:1px solid #F24147; margin-bottom:15px; padding:16px; color:#F24147; border-radius:5px }
.pub-usuario-alta .form-alta > form.err div.err { display:block }
.pub-usuario-alta .form-alta > form.err > .frm .input > span:first-child small { display:block }
.pub-usuario-alta .form-alta > form div.ok { display:none; background:#C8E6C9; border:1px solid #345F36; margin-bottom:15px; padding:16px; color:#345F36; border-radius:5px }
.pub-usuario-alta .form-alta > form.ok div.ok { display:block }
.pub-usuario-alta .form-alta > form.ok div.ok { display:block }
.pub-usuario-alta .form-alta .users .selectUserRol {
padding-top: 7px;
}
.pub-usuario-alta .form-alta .users {
display: flex;
justify-content: space-between;
}
.pub-usuario-alta .form-alta .add-users-container {
padding: 0.25rem;
}
.pub-usuario-alta .form-alta .add-docs-container {
padding: 0.25rem;
}
.pub-usuario-alta .form-alta .user-fields {
border: 1px solid lightgray;
padding: 1rem;
border-radius: 6px;
margin-bottom: 0.5rem;
}
.pub-usuario-alta .form-alta .users .user-item {
flex-grow: 1;
max-width: 48.5%;
}
.pub-usuario-alta .form-alta .add-users-container .user-counter {
text-align: right;
font-size: 0.85rem;
}
.pub-usuario-alta .form-alta .add-users-container .user-counter .user-icon i{ position: relative; right: 30px; }
.pub-usuario-alta .form-alta .add-users-container .user-counter .ops{ position: absolute; right: -32px; top: -10px; }
.pub-usuario-alta .form-alta .add-users-container .user-counter .del { margin:0px; padding:0px; width:25px; background:transparent }
.pub-usuario-alta .form-alta .add-users-container .user-counter .del:before { content:'\F220'; font-family:WebIcons; font-size:30px; color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.pub-usuario-alta .form-alta .add-docs-container .user-counter {
text-align: right;
font-size: 0.85rem;
}
.pub-usuario-alta .form-alta .add-users-container .divider {
height: 1px;
border-top: 1px solid #eee;
border-bottom: 1px solid white;
margin-top: 1rem;
}
.pub-usuario-alta .form-alta .add-docs-container .divider {
height: 1px;
border-top: 1px solid #eee;
border-bottom: 1px solid white;
margin-top: 1rem;
}
.pub-usuario-alta .form-alta .add-users button:after { 
content:'\F006'; 
font-family:WebIcons; 
font-size:33px;
font-weight: 400;
vertical-align: bottom;
padding-left: 4px;
}
.pub-usuario-alta .form-alta .add-docs{
padding-bottom: 40px;
}
.pub-usuario-alta .form-alta .add-docs button:after { 
content:'\F006'; 
font-family:WebIcons; 
font-size:33px;
font-weight: 400;
vertical-align: bottom;
padding-left: 4px;
}
.pub-usuario-alta .form-alta .add-docs-container
{
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
.pub-usuario-alta .form-alta .lista-perfiles {
margin-left: 2rem;
padding: 0.25rem;
padding-bottom: 1rem;
}
.pub-usuario-alta .form-alta .alta-registrada {
text-align: center;
margin: 2rem;
padding: 2rem;
border-radius: 0.25rem;
display: none;
}
.pub-usuario-alta .mt-4 {
margin-top: 1.5em;
}
.pub-usuario-alta .form-alta .file { background:#f9f9f9; border:1px solid #a2b0cc; border-radius:4px; position:relative; display:flex; padding:10px 15px; margin:25px 0px; cursor:pointer }
.pub-usuario-alta .form-alta .file:hover { border:1px solid #363949 }
.pub-usuario-alta .form-alta .file > span { position:relative; z-index:2; flex-grow:1; flex-shrink:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:35px; color:#999; padding-right:10px; text-align: left; max-width: 486px; }
.pub-usuario-alta .form-alta .file > span:before { content:'\F091'; font-family:WebIcons; font-size:30px; position:absolute; top:53%; left:0px; transform:translateY(-50%) }
.pub-usuario-alta .form-alta .file > small { position:relative; z-index:2; min-width:130px; color:#999; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right: 20px;}
.pub-usuario-alta .form-alta .file input { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer }
.pub-usuario-alta .form-alta .file .gauge { position:absolute; top:0px; left:0px; width:100%; height:100%; padding:3px; border-radius:13px; overflow:hidden; z-index:1 }
.pub-usuario-alta .form-alta .file .gauge > div { width:0; height:100%; background:#f3bb18 }
.pub-usuario-alta .form-alta .file.incompleto { border: solid 1px red; }
.pub-usuario-alta .mb-2 {
margin-bottom: 0.5rem
}
.pub-usuario-alta .mb-3 {
margin-bottom: 1rem
}
.pub-usuario-alta .list {
margin-left: 2rem;
}
.pub-usuario-alta .form-alta .add-docs-container .ops{ position: absolute; right: 2px; top: 0px; z-index:4; }
.pub-usuario-alta .form-alta .add-docs-container .del { margin:0px; padding:0px; width:25px; background:transparent }
.pub-usuario-alta .form-alta .add-docs-container .del:before { content:'\F220'; font-family:WebIcons; font-size:30px; color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.pub-usuario-alta .form-alta .add-docs-container .del span.title{ display: none; }
@media screen and (max-width:780px) { 
.pub-usuario-alta .form-alta .file > span { max-width: 300px; }
}
@media screen and (max-width:600px) {
.pub-usuario-alta .form-alta .file{ flex-direction: column; }
.pub-usuario-alta .form-alta .file > span { max-width: 250px; }
}
.pub-usuario-alta .modal-convenio-reserva { display:none; position:fixed; opacity:0; color:#3C3C3B; z-index:9999998; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }  
.pub-usuario-alta .modal-convenio-reserva.show { display:block }
.pub-usuario-alta .modal-convenio-reserva.open { opacity:1 }
.pub-usuario-alta .modal-convenio-reserva .info-convenio-reserva { display:flex; flex-direction:column; background:#fff; border-radius:5px; padding:32px 15px 15px; width:90%; max-height:90%; max-width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s; text-align: left; overflow-x: scroll;}
.pub-usuario-alta .modal-convenio-reserva .info-convenio-reserva .h4 { margin-bottom: 2rem; margin-right: 50px;}
.pub-usuario-alta .modal-convenio-reserva .info-convenio-reserva > button { width:100% }
.pub-usuario-alta .modal-convenio-reserva .info-convenio-reserva .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s; cursor: pointer; }
.pub-usuario-alta .modal-convenio-reserva .info-convenio-reserva .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.pub-usuario-alta .modal-convenio-reserva .info-convenio-reserva .close:hover:before { color:#3C3C3B }
.pub-usuario-alta .alta-incompleta { position:fixed; top:0; left:0; z-index:10000000; width:100%; height:100%; background:rgba(0, 0, 0, .1) }
.pub-usuario-alta .alta-incompleta .inner { position:absolute; top:50%; left:50%; min-width:500px; max-width:90%; max-height:90%; display:flex; flex-direction:column; background:#fff; box-shadow:0px 5px 15px -5px #999; border-radius:5px; transform:translate(-50%, -50%) }
.pub-usuario-alta .alta-incompleta .inner h2 { padding:5px 20px; font-size:24px; padding-right:50px; border-bottom:1px solid #e5e5e5 }
.pub-usuario-alta .alta-incompleta .inner button { position:absolute; top:0; right:0; padding:0; width:45px; height:50px; background:transparent }
.pub-usuario-alta .alta-incompleta .inner button:before { content:'\F004'; font-family:WebIcons; font-size:32px; color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.pub-usuario-alta .alta-incompleta .inner .bdy { flex-grow:1; flex-shrink:1; min-height:50px; overflow:auto; padding:20px }
.pub-usuario-alta .alta-incompleta .inner .bdy p { margin-bottom:10px }
.pub-usuario-alta .alta-incompleta .inner .bdy ul { margin-left:30px; margin-bottom:15px; padding-top:5px }
.pub-usuario-alta .alta-incompleta .inner .bdy :last-child { margin-bottom:0 }
.pub-usuario-alta .alta-incompleta .inner .bdy .pago.error { background:#ffeaea; padding:25px 0px }
.pub-usuario-alta .form-alta > form > .frm input.required.incompleto{ border: 1px solid red;}
.jbx-Select.incompleto > [jbx-struct="group"] > [jbx-struct="label"]{border: 1px solid red;}
@media screen and (max-width:600px) {
.pub-usuario-alta .alta-incompleta .inner{ left: 50%; min-width: 300px;}
}
@media screen and (max-width:380px) {
.pub-usuario-alta .alta-incompleta .inner { min-width: 250px; }
}
.radio-usuarios-btn{
margin:0px; padding:0px; width:25px;
}
.radio-usuarios-lbl{
margin-left: -13px;
margin-top: 5px;
}
.form-container {
margin-bottom: 20px;
}
.user-item {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.input {
display: flex;
flex-direction: column;
flex-grow: 1;
font-weight: bold;
}
.input span {
display: block;
}
.user-counter {
font-weight: bold;
}
.button-container {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.add-button, .remove-button {
cursor: pointer;
padding: 8px 12px;
border: none;
color: white;
font-size: 18px;
border-radius: 4px;
background-color: #dc3545; 
margin-left: 10px;
}
.remove-button {
background-color: #dc3545; 
}
.input input,
.input select {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
.hidden {
display: none;
}