:root {
  --alert-support-bg: #dcf8c6;
  --alert-support-color-link: #075e54;
  --alert-support-icon-size: 72px;
  --alert-support-icon: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 80 80'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23075e54; %7D .st1 %7B fill: %23e1fdff; %7D .st2 %7B fill: %2325d366; %7D .st3 %7B fill: %23009a38; %7D .st4 %7B opacity: .2; %7D %3C/style%3E%3C/defs%3E%3Cg id='_41'%3E%3Ccircle id='background' class='st0' cx='40' cy='40' r='39.3'/%3E%3Cpath class='st4' d='M79.3,40c0,21-16.5,38.2-37.3,39.2l-25.4-25.4-1.9-4.9v-22.8l2.3-5.7,5.1-1.7h36l4.7,1.7,16.5,16.5c0,1,.1,2,.1,3.1h0Z'/%3E%3Cpath class='st2' d='M58,18.7H22c-4.1,0-7.3,3.3-7.3,7.4v22.8c0,4.1,3.3,7.4,7.3,7.4h12.4v8c0,1,.8,1.8,1.8,1.8.4,0,.9-.2,1.2-.4l11-9.4h9.5c4.1,0,7.3-3.3,7.3-7.4v-22.8c0-4.1-3.3-7.4-7.3-7.4Z'/%3E%3Cpath class='st3' d='M58,51.9H22c-4.1,0-7.3-3.3-7.3-7.3h0v4.4c0,4.1,3.3,7.4,7.3,7.4h12.4v8c0,1,.8,1.8,1.8,1.8.4,0,.9-.2,1.2-.4l11-9.4h9.5c4.1,0,7.3-3.3,7.3-7.4v-4.4c0,4.1-3.3,7.3-7.3,7.3h0Z'/%3E%3Cg%3E%3Ccircle class='st1' cx='29.6' cy='37.2' r='3'/%3E%3Ccircle class='st1' cx='40' cy='37.2' r='3'/%3E%3Ccircle class='st1' cx='50.4' cy='37.2' r='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#scoreCss{
    color:#000;
    font-size:85% !important;
    position:absolute;text-align:center !important;width:100px;z-index:10;
    margin-top: 0px;
}

#score{
    margin-left: 40px;
}
.scoreUb{
    color: #030101 !important;
}
.formGen fieldset span{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.formGen fieldset div {
    overflow: hidden !important;
}
#scorebar{
    background-image:url(mod/Usuarios/img/bg_strength_gradient.jpg);
    background-repeat:no-repeat;background-position:0 0;position:absolute;width:100px;z-index:0;
    margin-top:0px !important;
}
#scorebarBorder{
    position: relative;
    top: -13px;
    background:#999;border:1px #000 solid;height:16px;margin-bottom:2px;width:100px;
}

div.exceed{background-image:url(mod/Usuarios/img/img_status_exceed.png);}
div.fail{background-image:url(mod/Usuarios/img/img_status_fail.png); background-repeat: no-repeat;height: 16px;margin-left: 2px;}
div.pass{background-image:url(mod/Usuarios/img/img_status_pass.png);background-repeat: no-repeat;height: 16px;margin-left: 2px;}
div.warn{background-image:url(mod/Usuarios/img/img_status_warn.png);}

#div_Total1{
width: 16px;
display: none;
}
#div_Total2{
width: 16px;  
display: none;
}

/*---modal---*/
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}

.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.ui-widget-header {
border: 1px solid #aaaaaa;
background: #F0F0F0; /*url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;*/
color: #222222;
font-weight: bold;
}

.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;
}

.ui-widget-overlay {
background: #aaaaaa;/* url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;*/
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-front {
z-index: 100;
}

.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff; /*url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
color: #222222;
}

.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-widget-header .ui-icon {
background-image: url(mod/Usuarios/img/ui-icons_222222_256x240.png);
}
.ui-icon-closethick {
background-position: -96px -128px;
}

.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}

.ui-widget-header a {
color: #222222;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(mod/Usuarios/img/ui-icons_454545_256x240.png);
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}

.clBtnDialog{
    margin-left: 15px;
margin-top: 3px !important;
}
input.error{
   /* border: solid 1px #0063DC; */
  /* border: none !important;*/
        
}

.login {
    margin: 0 auto 30px auto;
    border: 1px solid rgba(51,102,204,.14);
    background-color: #FFFFFF;
    max-width: 460px;
    padding: 40px;
    box-shadow: 0px 3px 0px rgba(51,102,204,.14);
    border-radius: 10px;
}
.login form legend {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #004884;
  font-size: 2rem;
  line-height: 1.125;
}

.loginOption{
    margin-top: 30px;
}
.loginOption a {
    display: block;
    margin-bottom: 15px;
}
.loginOption a:last-child {
    margin-bottom: 0;
}
.loginOption a .label-text {
    color: #4B4B4B;
    text-decoration: none;
    display: inline-block;
    cursor: default;
    margin-right: 8px;
    font-weight: 400;
}

.btn_option{
    display: inline !important;
    height: 25px;
}

/*SPINNER*/

.loading-overlay {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    backdrop-filter: blur(5px);
    /* Usando flexbox para centrado perfecto */
    display: none;
    justify-content: center;
    align-items: center;
}

.loading-spinner {
    /* Eliminamos el posicionamiento absoluto ya que usamos flexbox */
    text-align: center;
    margin-top:20%;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}

/* SUPPORT BOX */
.alert-support {
	background-color: var(--alert-support-bg);
	border-color: var(--alert-support-bg);
	background-image: var(--alert-support-icon);
	background-position: left 1rem center;
	background-repeat: no-repeat;
	background-size: var(--alert-support-icon-size);
	padding-left: calc(var(--alert-support-icon-size) + 2rem);
	margin-top: 1.5rem;
	color: var(--color-text);
}
.alert-support a {
	color: var(--alert-support-color-link);
}