.tooltip {
    visibility: hidden;
    z-index: 1;
    opacity: .40;
    width: 180px;
    padding: 0px 20px;
    background: #16B8F8;
    color: black;
    position: absolute;
    top:-140%;
    left: -25%;
    border-radius: 9px;
    font: 16px;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
    }
    
    
   
    .tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #16B8F8 transparent transparent transparent;
    
    position: absolute;
    left: 20%;
    
    }
    
    .con-tooltip:hover .tooltip{
    visibility: visible;
    transform: translateY(-10px);
    opacity: 1;
    transition: .3s linear;
    animation: odsoky 1s ease-in-out infinite  alternate;
    
    }
    @keyframes odsoky {
    0%{
    transform: translateY(6px);	
    }
    
    100%{
    transform: translateY(1px);	
    }
    
    }
    
   
    
    .bottom .tooltip { top:115%; left:-20%; }
    
    .bottom .tooltip::after{
    top:-50%;
    left:12%;
    transform: rotate(180deg);
    }
    
    
   
    .bookedstall1 { background-color: greenyellow; }
    .bookedstall2 { background-color: deepskyblue; }
    .bookedstall3 { background-color: #d8c9ff; }
    .bookedstall4 { background-color: lightpink; }
    .bookedstall5 { background-color: #f0cc80; }
    .bookedstall6 { background-color: lightcyan; }
    
    .cell {
        border: 2px solid black;
        width: 50px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        vertical-align: middle;
        font-weight: 700;
        color: black;
    }

    
    .stall18,.stall19,.stall20,.stall21, .stall22, .stall23 {
        width:100px;
    }
    
    /*New stall layout*/
    .stall1 {position: absolute; left: 796px; top: 375px;}
    .stall2 {position: absolute; left: 796px; top: 448px;}
    .stall3 {position: absolute; left: 796px; top: 521px;}
    .stall4 {position: absolute; left: 796px; top: 594px;}
    .stall5 {position: absolute; left: 796px; top: 667px;}
    .stall6 {position: absolute; left: 796px; top: 740px;}
    .stall7 {position: absolute; left: 796px; top: 886px;}
    .stall8 {position: absolute; left: 796px; top: 959px;}
    .stall9 {position: absolute; left: 796px; top: 1032px;}
    .stall10 {position: absolute; left: 796px; top: 1105px;}
    .stall11 {position: absolute; left: 696px; top: 1105px;}
    .stall12 {position: absolute; left: 696px; top: 1032px;}
    .stall13 {position: absolute; left: 696px; top: 959px;}
    .stall14 {position: absolute; left: 696px; top: 886px;}
    .stall15 {position: absolute; left: 696px; top: 630px;}
    .stall16 {position: absolute; left: 696px; top: 557px;}
    .stall17 {position: absolute; left: 696px; top: 484px;}
    
    .stall18 {position: absolute; left: 525px; top: 448px;}
    .stall19 {position: absolute; left: 525px; top: 521px;}
    .stall20 {position: absolute; left: 525px; top: 594px;}
    .stall21 {position: absolute; left: 525px; top: 886px;}
    .stall22 {position: absolute; left: 525px; top: 959px;}
    .stall23 {position: absolute; left: 525px; top: 1032px;}

    .stall24 {position: absolute; left: 470px; top: 1032px;}
    .stall25 {position: absolute; left: 470px; top: 959px;}
    .stall26 {position: absolute; left: 470px; top: 886px;}
    .stall27 {position: absolute; left: 470px; top: 813px;}
    .stall28 {position: absolute; left: 470px; top: 740px;}
    .stall29 {position: absolute; left: 470px; top: 667px;}
    .stall30 {position: absolute; left: 470px; top: 594px;}
    .stall31 {position: absolute; left: 470px; top: 521px;}
    .stall32 {position: absolute; left: 470px; top: 448px;}
    .stall33 {position: absolute; left: 470px; top: 375px;}

    .stall34 {position: absolute; left: 370px; top: 375px;}
    .stall35 {position: absolute; left: 370px; top: 448px;}
    .stall36 {position: absolute; left: 370px; top: 521px;}
    .stall37 {position: absolute; left: 370px; top: 594px;}
    .stall38 {position: absolute; left: 370px; top: 667px;}
    .stall39 {position: absolute; left: 370px; top: 740px;}
    .stall40 {position: absolute; left: 370px; top: 813px;}
    .stall41 {position: absolute; left: 370px; top: 886px;}
    .stall42 {position: absolute; left: 370px; top: 959px;}

    .stall43 {position: absolute; left: 310px; top: 959px;}
    .stall44 {position: absolute; left: 310px; top: 886px;}
    .stall45 {position: absolute; left: 310px; top: 813px;}
    .stall46 {position: absolute; left: 310px; top: 740px;}
    .stall47 {position: absolute; left: 310px; top: 667px;}
    .stall48 {position: absolute; left: 310px; top: 594px;}
    .stall49 {position: absolute; left: 310px; top: 521px;}
    .stall50 {position: absolute; left: 310px; top: 448px;}
    .stall51 {position: absolute; left: 310px; top: 375px;}

    .stall52 {position: absolute; left: 210px; top: 375px;}
    .stall53 {position: absolute; left: 210px; top: 448px;}
    .stall54 {position: absolute; left: 210px; top: 521px;}
    .stall55 {position: absolute; left: 210px; top: 594px;}
    .stall56 {position: absolute; left: 210px; top: 667px;}
    .stall57 {position: absolute; left: 210px; top: 740px;}
    .stall58 {position: absolute; left: 210px; top: 813px;}
    .stall59 {position: absolute; left: 210px; top: 886px;}
    .stall60 {position: absolute; left: 210px; top: 959px;}


    
    
    
    .SStair{
        border: 1px solid black;
        width: 30px;
        height: 8px;
    }
    .SStair1{
        border: 1px solid black;
        width: 33px;
        height: 8px;
    }
    .MStair{
        border: 1px solid black;
        width: 8px;
        height: 46px;
    }
    .MLStair{
        border: 1px solid black;
        width: 50px;
        height: 8px;
    }
    .LStair{
        border: 1px solid black;
        width: 115px;
        height: 30px;
    }
    .leftimg {
    width: 40px;
    }
    
    .topimg {
        height: 40px;
    }