body {
    /* 	background: #e1e1e1; */
    }
    
    /* The icon */
 /*   .help-tip{
        position: absolute;
        top: 50%;
        left: 16%;
        transform: translate(-50%, -50%);
        margin: auto;
        text-align: center;
        border: 2px solid #444;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        font-size: 14px;
        line-height: 12px;
        background: white;
        color: red;
        cursor: default;
    }
    
    .help-tip:before{
        content:'?';
        font-family: sans-serif;
        font-weight: normal;
        color:#444;
    } */
    
    .help-tip:hover p{
        display:block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease;
        animation: fadeIn 0.3s ease;
    }
    
    /* The tooltip */
    .help-tip p {    
        display: none;
        font-family: sans-serif;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        text-align: center;
        background-color: rgb(10, 199, 35);
        padding: 1px 1px;
        width: 300px;
        height: auto;
        position: absolute;
        left: 10%;
        top: 50%;
        transform: translate(-50%, 5%);
        border-radius: 3px;
    /* 	border: 1px solid #E0E0E0; */
        box-shadow: 0 0px 20px 0 rgba(0,0,0,0.1);
        color: white;
        font-size: 12px;
        line-height: 18px;
        z-index: 99;
    }
    
   
    /* CSS animation */
    @-webkit-keyframes fadeIn {
        0% { opacity:0; }
        100% { opacity:100%; }
    }
    
    @keyframes fadeIn {
        0% { opacity:0; }
        100% { opacity:100%; }
    }