/* CSS Document */
.input-group-captcha{
}
.input-group-captcha > input{
	min-height:50px;	
}

/* Quitar el outline/borde punteado y el subrayado al hacer click en el
   enlace del panel-heading colapsable (Bootstrap 3). */
.panel .panel-heading .panel-title a,
.panel .panel-heading .panel-title a:hover,
.panel .panel-heading .panel-title a:focus,
.panel .panel-heading .panel-title a:active{
	outline:none;
	text-decoration:none;
}

/* Quitar el outline/borde punteado al hacer click en links de navegación
   (nav-pills, nav-tabs, navbar). Bootstrap 3 deja el focus ring por defecto. */
.nav > li > a,
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li > a:active{
	outline:none;
}


/* Bootstrap 5 .btn-close polyfill (Bootstrap 3 base does not include it).
   El modal-header genera <button class="btn-close"> y sin estas reglas
   no se ve la X de cerrar. */
.btn-close{
box-sizing:content-box;
width:1em;
height:1em;
padding:0.25em 0.25em;
color:#000;
background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border:0;
border-radius:0.375rem;
opacity:0.5;
cursor:pointer;
font-size:1.25rem;
line-height:1;
}
.btn-close:hover{
color:#000;
text-decoration:none;
opacity:0.75;
}
.btn-close:focus{
outline:0;
box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);
opacity:1;
}
.btn-close:disabled,
.btn-close.disabled{
pointer-events:none;
user-select:none;
opacity:0.25;
}
.modal-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.modal-header .modal-title{
	margin:0;
	flex:1 1 auto;
}
.modal-header .btn-close{
	margin:-0.5rem -0.5rem -0.5rem auto;
	padding:0.5rem;
	flex:0 0 auto;
}

/* ===== Login social buttons (panel under main login form) ===== */
.mwLoginSocialPanel{
    margin-top: 8px;
}
.mwLoginSocialDivider{
    display:flex;
    align-items:center;
    text-align:center;
    color:#888;
    font-size:12px;
    text-transform:uppercase;
    margin: 14px 0 12px;
}
.mwLoginSocialDivider::before,
.mwLoginSocialDivider::after{
    content:"";
    flex:1;
    border-bottom:1px solid #ddd;
}
.mwLoginSocialDivider span{
    padding: 0 10px;
}
.mwLoginSocialBtn{
    margin-bottom: 8px;
}

/* Login form submit button: gray (BS3 btn-default look) and right aligned */
.login-panel .d-grid{
    display:flex !important;
    justify-content:flex-end;
}
.login-panel [id$="-loginfrm"]{
    border:1px solid #ddd;
    border-radius:4px;
    padding:15px;
    margin-bottom:10px;
}
.login-panel input[type=submit].btn-primary,
.login-panel button[type=submit].btn-primary{
    background-color:#f8f9fa;
    background-image:none;
    color:#212529;
    border-color:#ced4da;
    text-shadow:none;
    box-shadow:none;
    width:auto;
}
.login-panel input[type=submit].btn-primary:hover,
.login-panel button[type=submit].btn-primary:hover{
    background-color:#e2e6ea;
    color:#212529;
    border-color:#adb5bd;
}
.login-panel input[type=submit].btn-primary:focus,
.login-panel button[type=submit].btn-primary:focus{
    box-shadow:0 0 0 0.2rem rgba(130,138,145,0.4);
}
a:focus {
    outline: thin dotted;
    outline: none;
    outline-offset: 0px
}