body{background:rgb(240,245,255);}

.maxuser-info{
  display: flex; flex-wrap: wrap; align-items: center;
  margin: 12px 0px; padding: 6px;
  background-color: var(--white);
  border: solid 1px rgb(250, 250, 250);
  box-shadow: 0 2px 10px -8px rgb(75, 125, 175);
}
#maxuser-image{text-align: center;}
#maxuser-image img{width: 100px; height: auto;vertical-align: middle;}
#maxuser-exit a , #maxuser-exit a:link{color: red;}
#maxuser-exit a:hover{color: var(--base);}

.maxuser-info:hover{border: solid 1px rgb(225, 225, 225);}

.maxuser-boximage{}
.maxuser-boximage .box-images{}
.maxuser-boximage .box-images .image-area{max-width:100%;max-height:300px;}


.maxuser-row{
  margin: 12px 0px; padding: 6px; text-align: center;
  background-color: var(--white);
  border: solid 1px rgb(250, 250, 240);
  box-shadow: 0 2px 10px -8px rgb(75, 125, 175);
}

.maxuser-row:hover{
  border: solid 1px rgb(225, 225, 225);
}

.maxuser-rowbox{padding: 6px;}
.maxuser-boxbtn{display: block; border: solid 1px transparent;
  border-bottom:dashed 1px rgb(95, 125, 140);}
.maxuser-boxbtn div.boxicon{padding: 24px 0px;background-color:rgb(95,125,140);transition: 0.5s;}
.maxuser-boxbtn div.boxicon > span{font-size: 1.8em; color: var(--white);transition: 0.5s;}
.maxuser-boxbtn div.boxtext{padding: 6px; color: var(--bgc1);transition: 0.5s;}

.maxuser-boxbtn:hover {border: solid 1px var(--bgc1);}
.maxuser-boxbtn:hover div.boxicon{background-color:var(--white);}
.maxuser-boxbtn:hover div.boxicon > span{font-size: 1.8em; color: var(--main);}
.maxuser-boxbtn:hover div.boxtext{background-color: var(--bgc1); color: var(--white);}

.access-denied{
  margin: 12px 0px; padding:12px; background:#ffdddd; color:#ff0040;
  border: solid 1px rgb(250, 250, 240);
  box-shadow: 0 2px 10px -8px rgb(75, 125, 175);
}
.access-denied:hover{border:solid 1px rgb(250,200,200);}
.access-denied-color{color:#ff0040;}

.maxuser-btns{display:flex;gap:10px;}
.maxuser-btns > div{flex:1;}

.btn.btn-panel{background:#506070;color:#fff;border:1px solid #fff;}
.btn.btn-panel:hover{background:var(--main);color:#fff;border:1px solid var(--main);}

.btn.btn-logout{background:#506070;color:#fff;border:1px solid #fff;}
.btn.btn-logout:hover{background:#e91e63;color:#fff;border:1px solid #e91e63;}

.btn.btn-login{background:#506070;color:#fff;border:1px solid #fff;}
.btn.btn-login:hover{background:#fff;color:#2196f3;border:1px solid #2196f3;}

.btn.btn-recovery{background:#506070;color:#fff;border:1px solid #fff;}
.btn.btn-recovery:hover{background:#fff;color:#e91e63;border:1px solid #e91e63;}

.btn.btn-register{background:#506070;color:#fff;border:1px solid #fff;}
.btn.btn-register:hover{background:#fff;color:#009688;border:1px solid #009688;}

.btn.btn-send{background:#8bc34a;color:#fff;border:1px solid #fff;}
.btn.btn-send:hover{background:#4caf50;color:#fff;border:1px solid #4caf50;}

.btn.btn-save{background:#8bc34a;color:#fff;border:1px solid #fff;}
.btn.btn-save:hover{background:#4caf50;color:#fff;border:1px solid #4caf50;}

.btn.btn-save-solid{background:#4caf50;color:#fff;border:1px solid #fff;}
.btn.btn-save-solid:hover{background:#fff;color:#4caf50;border:1px solid #4caf50;}

.btn.btn-clear{background:#506070;color:#fff;border:1px solid #fff;}
.btn.btn-clear:hover{background:#ff6600;color:#fff;border:1px solid #ff6600;}

.btn.btn-clear-solid{background:#e91e63;color:#fff;border:1px solid #fff;}
.btn.btn-clear-solid:hover{background:#fff;color:#e91e63;border:1px solid #e91e63;}