.atfloter{
  position: fixed;
  z-index: 999;
  bottom:2em;
  right:2em;
}
.atfloter-tr{
  position: fixed;
  z-index: 999;
  top:2em;
  right:2em;
}

.atcdm, .atcdl, .atcdr, .atcdu>.atcdsub{
  border:1px solid rgba(227, 30, 36, 1);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20em;
  display:flex;
  line-height: 1em;
  cursor: pointer;
  color: rgba(227, 30, 36, 1);
}

.atcdm:hover, .atcdl:hover, .atcdr:hover{
  border:1px solid rgba(4, 117, 177, 1);
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  color: rgba(4, 117, 177, 1);
}

.atcdu>.atcdsub>i:hover{
  color: rgba(4, 117, 177, 1);
}

.atcdm{
  position: absolute;
  top:0.5em;
  right:0.5em;
}

.atcdl{
  position: absolute;
  top:50%;
  left:0.5em;
}

.atcdr{
  position: absolute;
  top:50%;
  right:0.5em;
}

.atcdu{
  /*position: absolute; */
  bottom:0.5em;
  left:50%;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: center;
  text-align: -webkit-center;
  width:100%;
}

.at-cell-dia>.mdl-card>.mdl-card__title>.mdl-card__title-text{
  align-self: baseline;
}

.atcdu>.atcdsub{
  /*position:relative;*/
  /*left:-50%;*/
  /* padding-top:0.75em; */
  padding-left:0em;
  padding-right:0em;
  width: fit-content;
}


.at-cell-dia>.mdl-card>.mdl-card__title{
  -webkit-transition: background-image 0.5s ease-in-out;
  transition: background-image 0.5s ease-in-out;
}

#at-cell-dia-win{
  position:absolute;
  background-color: rgba(255, 255, 255, 0.9);
  z-index:999;
  width:100%;
  height:100%;
  -webkit-transition: background-image 0.5s ease-in-out;
  transition: background-image 0.5s ease-in-out;
}

#at-cell-dia-win-close, #at-cell-dia-win-right, #at-cell-dia-win-left, #at-cell-dia-win-unten-sub{
  display:flex;
  border:1px solid rgba(0, 0, 0, 0.8);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10em;
  line-height: 1em;
  cursor: pointer;
  color: rgba(227, 30, 36, 1);
}

#at-cell-dia-win-close{
  position: absolute;
  top:0.5em;
  right:0.5em;
}

#at-cell-dia-win-left{
  position: absolute;
  top:50%;
  left:0.5em;
}

#at-cell-dia-win-unten{
  position: absolute;
  bottom:0.5em;
  left:50%;
}

#at-cell-dia-win-unten-sub{
  position:relative;
  left:-50%;
  /* padding-top:1em; */
  padding-left:0em;
  padding-right:0em;
}

#at-cell-dia-win-unten-sub>i:hover{
  color: rgba(4, 117, 177, 1);
}

#at-cell-dia-win-right{
  position: absolute;
  top:50%;
  right:0.5em;
}