@charset "utf-8";
/* Settings */
#settings .ps
{
	position: relative;
	display: none;
}

.us-menu
{
	position: relative;
	height: 100%;
}

.us-menu .a
{
	position: relative;
	margin: auto 5px;
	padding: 20px;
	display: flex;
	cursor: pointer;
}

.us-menu .a img
{
	position: absolute;
	top: 33.5%; right: 5%;
	width: 20px;
	
}

.us-exit
{
	position: absolute;
	left: 0px; right: 0px;
	bottom: 0px;
	padding: 15px;
	text-align: center;
	color: crimson;
	cursor: pointer;
}

.fixed-uex
{
	margin: 0 20% 0 45%;
}

.se-top
{
	position: relative;
	padding: 15px;
	font-weight: bold;
	text-align: center;
}

.se-index
{
	position: relative;
	margin: 7% 5% 0% 5%;
	display: flex;
}

.se-index .ta
{
	width: 100%;
	float: left;
}

.se-index .tb
{
	float: right;
}

.se-input
{
	position: relative;
	width: 90%;
	margin: 0% 0% 0% 5%;
	padding: 3% 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	background-color: #FFFFFF;
	border-bottom: #4fa6f8 2px solid;
	outline:0px;
}

.se-text
{
	position: relative;
	width: 90%; max-height: 30%;
	margin: 0% 5% 0% 5%;
	padding: 3% 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: #4fa6f8 2px solid;
	overflow: auto;
	outline:0px;
}

.se-text[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.se-alert
{
	position: relative;
	padding: 10% 5%;
	text-align: center;
	color: crimson;
}

.se-bottom
{
	position: relative;
	display: flex;
	margin: 5%;
}

.se-bottom a
{
	width: 100%;
}


.sb-box
{
	position: relative;
	padding: 25px;
	cursor: pointer;

}

.sb-box .spA
{
	position: relative;
}

.sb-box .spB
{
	position: relative;
	margin: 10px 0px 0px 0px;
}

.sb-box .spD
{
	position: relative;
	color: crimson;
}

.sb-form
{
	margin-top: -25px;
	margin-bottom: 25px;
	display: none;
}

.pass .s
{
	color: #5ccb5f;
}

.pass .h
{
	color: #ff8000;
}

.pass .w
{
	color: crimson;
}

.sb-input
{
	position: relative;
}

.sb-input a
{
	position: absolute;
	right: 30px; top: 15px;
	width: 20px; height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.sb-input .is
{
	background-image:url(../icos/eye-show.svg);
}

.sb-input .ih
{
	background-image:url(../icos/eye-hide.svg);
}

.pr-box
{
	position: relative;
	padding: 25px;
	cursor: pointer;
}

.pr-box .spA
{
	position: relative;
	padding-left: 35px;
}

.pr-box input
{
	position: absolute;
	top: -2px; left: 0px;
}

.pr-box .spB
{
	position: relative;
	margin: 10px 0px 0px 35px;
}

.sb-menu
{
	position: absolute;
	top: 40px; right: 10px;
	text-align: left;
	background-color:#FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 0px;
	overflow: hidden;
	display: none;
	z-index: 2;
}

.sb-menu .sb
{
	position: relative;
	white-space: nowrap;
	display: flex;
	padding: 3px 15px;
	cursor: pointer;
	text-decoration: none;
}

.sl-top
{
	position: relative;
	padding: 10px 25px;
}

.sl-menu
{
	position: relative;
}

.sl-menu .spC
{
	position: relative;
	display: flex;
	padding: 15px 25px 15px 70px;
}

.sl-menu .spL
{
	position: relative;
	display: flex;
	padding: 15px;
}

.sl-menu .spC .sl-imga
{
	position: absolute;
	left: 25px; top: 9px;
	width: 30px; height: 30px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/user.jpg);
}

.sl-menu .spA
{
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 95%;
	margin-right: 5%;
}

.sl-menu .spU
{
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sl-menu .spB
{
	color: crimson;
	white-space: nowrap;
	cursor: pointer;
}

.sl-menu .spD
{
	color: #4fa6f8;
}

.lg-menu
{
	position: relative;
	margin: 15px 0px 15px 0px;
}

.lg-menu a
{
	position: relative;
	display: flex;
	padding: 10px 25px;
	cursor: pointer;
}

.lg-menu a span
{
	position: relative;
	width: 50%;
}

.lg-menu a img
{
	position: absolute;
	top: 9px; right: 20px;
	width: 18px;
}

.rp-middle
{
	position: relative;
	padding: 15px;
}

.rp-box
{
	width: 100%;
	height: 150px;
	resize: none;
	border: 0px;
	outline: 0px;
	overflow: auto;
}

.rp-box[placeholder]:empty:before {
    content: attr(placeholder);
    color: #949494; 
}

.rp-bottom
{
	position: relative;
	padding:  15px 10px 15px 15px;
	display: flex;
}

.rp-bottom a
{
	width: 100%;
}

#reports
{
	position: relative;
}

.rp-report
{
	position: relative;
	padding: 25px;
	display: flex;
	width: 100%;
}

.rp-report .li
{
	position: relative;
	width: 50%;
}

.rp-report .ld
{
	position: absolute;
	top: 0px; right: 0px;
	bottom: 0px;
	text-align: right;
}

.rp-report .ld .spB
{
	cursor: pointer;
	color: #4fa6f8;
}

.rp-report .ld
{
	position: absolute;
	top: 0;right: 25px;bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}

.rp-report .spA
{
	position: relative;
}

.rp-report .spB
{
	position: relative;
	margin-top: 5px;
}

.sh-user
{
	position: relative;
	width: 33.2%;
	margin: 15px auto;
	float: left;
}

.sh-pos
{
	position: relative;
	width: 50px; height: 50px;
	margin: 0 auto;
}

.sh-select {
	position: absolute;
	right: -7px; top: -7px;
	height: 20px;
	width: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#4fa6f8;
	border: 2px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% 80%;
	background-image: url(../icos/iconizer-ok.svg);
	z-index: 1;
}

.sh-imge
{
	position: relative;
	width: 50px; height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/user.jpg);
}

.sh-name
{
	position: relative;
	width: 80%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px 10%;
	margin-top: 15px;
}

.sh-top
{
	position:  relative;
	padding: 15px;
}

.sh-input
{
	padding: 12px 10px;
	border: 0;
	outline: none;
	resize: none;
}

.sh-input[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.sh-middle
{
	position: relative;
	height: 220px;
	overflow: auto;
}

.sh-middle .ls
{
	position: relative;
}

.sh-middle .la
{
	position: relative;
}

.sh-middle .lb
{
	position: relative;
}

.sh-empty
{
	position: absolute;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20% 20%;
	background-image: url(../icos/search.svg);
}

.sh-bottom
{
	position:  relative;
	padding: 15px 80px 15px 15px;
}

.sh-box
{
	width: 100%;
	max-height: 60px;
	resize: none;
	border: 0px;
	outline: 0px;
	overflow: auto;
}

.sh-box[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.sh-send
{
	position: absolute;
	bottom: 10px; right: 20px;
	text-align: center;
	width: 28px; height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-image:url("../icos/send.svg");
}

.zi-user
{
	position: relative;
}

.zi-cont
{
	position: relative;
	padding: 15px;
	cursor: pointer;
}

.zi-imga
{
	float: left;
	width: 40px; height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/user.jpg);
}

.zi-user-table
{
	position: relative;
	height: 40px;
	display: table;
}

.zi-user-middle
{
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
}

.zi-pos
{
	position: absolute;
	right: 15px; top: 18px;
}

.zi-bottom
{
	position:  relative;
	padding: 15px 80px 15px 15px;
}

.zi-box
{
	width: 100%;
	max-height: 60px;
	resize: none;
	outline: 0px;
	overflow: auto;
}

.zi-box[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.zi-send
{
	position: absolute;
	bottom: 10px; right: 20px;
	text-align: center;
	width: 28px; height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-image:url("../icos/send.svg");
	cursor: pointer;
}



.reg-sex {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0% 5% 5% 5%;
}

.reg-sex a {
    position: relative;
    width: 100%;
    float: left;
    color: #949494;
    padding: 3% 0%;
    margin-top: 5%;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
}

.rsn {
    outline: 2px dashed #D0D0D0;
}

.rsn .s {
    outline: 2px solid #D0D0D0;
    border: 4px solid #FFFFFF;
}

.rss {
    outline: 2px solid #4fa6f8;
}

.rss .s {
    outline: 2px solid #4fa6f8;
    border: 4px solid #FFFFFF;
    background-color: #4fa6f8;
}

/* Indicador circular */
.reg-sex .s {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 100%;
}

/* Texto dentro del enlace */
.reg-sex a span {
    position: relative;
}

/* Icono dentro del texto */
.reg-sex a img {
    position: absolute;
    left: 20px;
    top: 12px;
    height: 50%;
}

/* BRINTAGE 2026 - formularios/settings */
.se-top{color:#172033!important;font-size:17px;}
.us-menu .a,.sb-box,.pr-box{border-radius:16px;margin:6px 10px;background:rgba(255,255,255,.72);border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.us-menu .a:hover,.sb-box:hover,.pr-box:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-1px);}
.se-input,.se-text{box-sizing:border-box!important;border:1px solid #d9e2ef!important;border-radius:13px!important;padding:14px 15px!important;background:#fff!important;color:#172033!important;}
.se-input:focus,.se-text:focus{border-color:rgba(47,125,246,.65)!important;box-shadow:0 0 0 4px rgba(47,125,246,.10)!important;}
.se-bottom a,.myButton1{border-radius:13px!important;background:linear-gradient(135deg,#2f7df6,#3e91ff)!important;box-shadow:0 12px 24px rgba(47,125,246,.22)!important;}
.us-exit{color:#e5484d!important;font-weight:600;}