@charset "utf-8";

#box{
    width: 150px; 
  
    padding: 10px; 
    border-radius: 5px; 
    color: #ffffff; 
    text-align: center;
  }
  #tooltip{
    position:absolute; 
    left:50%; 
    transform: translateX(-50%);
    top: 70px; 
    width: 150px;
    background: #ff7e7d;; 
    padding: 10px; 
    border-radius:5px; 
    color: #fff; 
    text-align: center; 
    display: none;
  }
  #tooltip:after{
    display: block; 
    content: ''; 
    position: absolute; 
    top: -5px; 
    left:50%; 
    transform: translate(-50%);
    width: 0px; 
    height: 0px; 
    border-top: 8px solid none; 
    border-left: 8px solid transparent; 
    border-right: 8px solid transparent; 
    border-bottom: 8px solid #ff7e7d;
  } 
  .auto_btn{
    position: relative; 
    display: inline-block;
  }
  .auto_btn:hover #tooltip{display: block;}


/*info_admin.htm*/
#info_admin .ia_p{
    text-align: right;
    margin: 20px auto 50px;
}
#info_admin_table{
    width: 100%;
}
#info_admin_table tr td{padding:10px 0; }
#info_admin_table tr:last-child td{border-bottom:1px solid gray; padding:10px 0 30px;}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    width: 42px;
    height: 21px;
}
.slider:before{width: 15px;height: 15px; bottom:3px; left:4px;}
#info_admin input:checked+.slider{
    background: #ff7e7d;
}
.slider.round:before {
    border-radius: 50%;
}

.ia_btn{    
    height: 30px;
    background-color: #ff7c7f;
    cursor:pointer;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    border:none;
    padding: 5px 12px;}