html, body{
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0;
	--mdc-theme-primary: #31518C;
	--mdc-theme-secondary: #aac2ed;
}
.contenido{
	height: calc(100% - 4em);
    overflow: auto;
}
#btn_add_usuarios{
	margin-right:2em;
}
.mdc-top-app-bar {
    box-shadow: 0 4px 2px -2px grey;
}
.encabezado{height:4em;}
.encabezados{padding: 0 16px;    border-bottom: 1px solid #BFBFBF;}
.eusuarios{width: 15%;}
.enombre{width: 25%;}
.eclientes{width: 10%;}
.etiempo{width: 20%;}
.listado{text-align: center; font-weight:bold;display: inline-block;font-size: 1.2em;}
#div_add_user{
	width: 173px;
    left: calc(100% - 11.8em);
    top: 3.5em;
    z-index: 4;
    position: absolute;
	display:none;
}
#piquitoA{
    position: absolute;
    top: -7px;
    left: 8px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
	z-index:9999;
}
#piquitoB{
    position: absolute;
    top: -8px;
    left: 8px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    border-left: 8px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
	z-index:9999;
}
#div_add_user .divcard{display: flex;width: 85%; margin-left: 0.7em;}
#div_btn_add_user{margin-left: 24%;}
.dActivo{
	display:none;
}

.mdc-list-item__text{width:100%;}
.mdc-list-item__text > div{display: inline-block; text-align: center;}
.icono_usuario{width: 10%;}
#select_dialog_clientes{width: 85%;}
.rzize{
	width: 40%;
    min-width: 40%;
}
#header_dialogo_clientes{padding-left: 15%;}
.eliminar{display: none;}
#lista_cliente{
    width: 100%;
    height: 15em;
	overflow:auto;
	border-bottom: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
}
.listcte{
	width:89.4%;
	text-align: left;
}
#lista_cliente .mdc-list-item__text > div {
    display: inline-block;
	text-align: left;
}

#btn_agregar_usuario,.btncte{
	position: absolute;
    margin-left: 0.5em;
    margin-top: 0.7em;
}
.undo:hover {text-decoration: underline #1717A5}
.alert-danger{
	color: #9e0404;
    background-color: #f8a5a5;
}
.alert-warning{
	color: #878705;
    background-color: #ffffc1;
}
.alert-successful{
	color: #05870f;
    background-color: #c1ffcd;
}
.alert-normal{
	color: #070587;
    background-color: #c1d0ff;
}
#snackbar2{
    font-family: Helvetica, Sans-Serif;
    visibility: hidden;
    max-width: 40%;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: absolute;
    z-index: 11000;
    bottom: 30px;
    border-radius: 10px 10px 10px 10px;
}
#snackbar2.show {
    visibility: visible;
    animation: fadein 0.5s, fadeout 0.5s 5s;
}
.mensaje{
    float:left;
}
.undo{
    cursor:pointer;
    float:right;
    color:#1717A5;
    margin-left:1em;
}