:root{
	--bg-color: #FFE1C4;
	--bg-menu:#FF9430;
	--tercer:#FFFFFF;
	--font-color:#474747;
	--bg-tabla: #FFE1C4;
	--shadow:#AD5000;

}


body { left:0;padding:0;margin:0;background-color: var(--bg-color);font-size: 24px;color:var(--font-color);}
table{width:95%;margin:auto;margin-top:20px;border-radius: 8px;background-color: var(--bg-tabla);box-shadow: 0px 0px 25px var(--bg-menu); }
table td {min-height:25px;text-align: center;padding:5px;}

button{background: var(--bg-menu);padding:15px;border-radius: 5px;font-weight: bold;color:var(--font-color);border:none;}
#login{display:none;text-align: center;position: relative;top:0;left:0;width:100%;height:100%;z-index: 999;background-color: var(--bg-color);margin:auto;padding-top: 100px;}
#login input{padding:5px;margin:10px;width:50%;font-size: 1em;color:var(--input-font);}
#login button,#nuevaSala  button{width:50%;}

.menu{width:100%;background-color: var(--bg-menu);height:60px;display:none;color:var(--font-color);top:0;position:fixed;z-index:100;box-shadow: 0 4px 2px -2px  var(--shadow);}

.titulo	{background-color: var(--tercer);font-weight: bold;width:90%;border-radius: 0px;padding: 2px 5%;}
.titulo td{border-radius: 7px 7px 0 0;}

.expand{display:flex;justify-content: space-between;margin-top:0px;}
.accion{width:100%;font-weight: bold;}
.left{float:left;}
.right{float:right;}

#salas_abiertas{display:none;position:relative;top:60px;}

#menu_entrada{position:fixed;top:60px;padding: 0;right:-340px;width:300px;background-color: var(--bg-color);transition:right .2s;z-index:100;border-radius: 20px 0 0 20px;border:solid 2px var(--bg-menu);overflow: hidden;height:80%;}
#menu_entrada input{padding:10px;width:85%;border:none;margin:10px;}
#menu_entrada button{padding:10px;width:85%;border:none;margin:10px;}

#lista_visitantes{overflow: scroll;max-width:500px;width:100%;position:fixed;top:60px;left: -105%;z-index: 200;background-color: var(--bg-color);padding:20px;border-radius: 0 20px 20px 0;border:solid 2px var(--bg-menu);transition: left .2s;padding:0;height:100%;}
.visitante{margin-bottom:2px;}

#nueva_sala{text-align: center;display: flex;flex-direction:  column;position:fixed;background-color: var(--bg-color);z-index: 105;height:0px;left:0;top:50px;overflow: hidden;transition: height .2s;width:100%;box-shadow: 0px 0px 30px var(--bg-menu) ;}
#nueva_sala input{padding:5px;width:50%;margin:10px;width:60%;color: var(--input-font); }

.campos div{width:100%;}
.campos input{font-size:40px;color:var(--font-color);width:100%;}
#check_publico{position:relative;top:-30px;left:100px;}
#check_publico input:after{content: 'Espera';color:black;}

.anadir{padding:10px;margin:10px;flex-direction: column;}

 @media (min-width:799px) {
	body {width:800px;position:relative;margin: auto;box-shadow: 0 0 15px var(--bg-menu) ;height:100vh;}

	.menu{width:800px;}
	#nueva_sala{width:800px;left:auto;}

	#login{width:100%;}
 }