* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.DispEn:lang(bg)
{ display:none !Important; }

.DispBg:lang(en)
{ display:none !Important; }

[data-theme='Blue']
{ --login-border: Blue;
  --login-footer: LightBlue;
  --login-footer-border: SkyBlue;
  --Color-Button: Blue;
  --Left-Menu-Background: rgba(210,245,255,1);
}

[data-theme='Red']
{ --login-border: FireBrick;
  --login-footer: DarkSalmon;
  --login-footer-border: Brown;
  --Color-Button: Red;
  --Left-Menu-Background: rgba(255,220,230,1);
}

[data-theme='Green']
{ --login-border: SeaGreen;
  --login-footer: rgb(60, 210, 150);
  --login-footer-border: DarkGreen;
  --Color-Button: Green;
  --Left-Menu-Background: rgba(210,255,235,1);
}

html, body {
  font:14px/1.2 "Open Sans", sans-serif;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  display:flex;
}

nav.LeftMenu {
 width: 250px;
 background-color: var(--Left-Menu-Background);
 min-width: 10px;
 position: relative;
}

nav.LeftMenu h1 {
  font-size: 1.2em;
  font-weight:bold;
  /*padding:10px 0;*/
  margin:0;
  text-align:center;
  background-color:whitesmoke;
  height:50px;
  line-height:50px;
  box-sizing:border-box;
  border-bottom: 1px solid #ccc;

}

nav.LeftMenu h1 img 
{ max-width:100%; 
  max-height: 45px; }

main
{ flex-grow:1;
  display: flex; }

/************************************************************/

.Photo
{ width: 120px;
  height:120px;
  /*float: left;*/
  /*display: inline-block;*/
  margin:5px;
  border-top   :1px solid darkgrey;
  border-right :1px solid whitesmoke;
  border-bottom:1px solid whitesmoke;
  border-left  :1px solid darkgrey;
  overflow: hidden;
  text-align:center;
  position: relative;
}

/*.Photo:first-child
{ margin-left:2px; }*/

.Photo img
{ max-width: 100%; 
  max-height:100%; 
  position:relative;
/*  left:50%;
  transform: translateX(-50%);*/
  top:50%;
  transform: translateY(-50%);
  margin:0 auto;
}

.Photo button
{ visibility:hidden;
  position: absolute;
  top:0; right:0;
}

.Photo:hover button
{ visibility:visible; }

.AddPhoto
{ width:100%;
  height:100%;
  color: darkgrey;
/*  font-size: 1.1em;*/
  font-size: 1em;
  text-align:center;
  text-transform: uppercase;
  font-weight:bold;
  line-height:140%;
  cursor:pointer;
  padding:5px 0 0 0;
}

.AddPhoto .Camera
{ font-size:4em;
/*  font-size:2em;*/
  line-height:160%;
  display: block; }
 
.AddPhoto:hover
{ color:gray; }


/********************************************************/