.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(0, 0, 0, 0.8);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20em;
    display:flex;
    line-height: 1em;
    cursor: pointer;
    color: rgba(3, 124, 183, 1);
  }
  
  .atcdm:hover, .atcdl:hover, .atcdr:hover{
    border:1px solid rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
  }
  
  .atcdu>.atcdsub>i:hover{
    color: rgba(0, 0, 0, 0.8);
  }
  
  .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%;
  }
  
  .atcdu>.atcdsub{
    position:relative;
    left:-50%;
    /* padding-top:0.75em; */
    padding-left:0em;
    padding-right:0em;
  }
  
  
  .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(3, 124, 183, 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(0, 0, 0, 0.8);
  }
  
  #at-cell-dia-win-right{
    position: absolute;
    top:50%;
    right:0.5em;
  }