/*Right to left*/

div.blogA5 ul li, div.blogA6 ul li
{
    transform: rotate(270deg);
}

/*Left to right*/

div.blogA1 ul li, div.blogA2 ul li,
div[class^="blogB"] ul li,
div.blogC1 ul li, div.blogC4 ul li, div.blogC5 ul li,
div[class^="blogD"] ul li,
div[class^="blogE"] ul li
{
    transform: rotate(90deg);
}

/*Down to up*/
div.blogC3 ul li
/* div.blogF22 ul li, div.blogF23 ul li, div.blogF24 ul li */
{
    transform: rotate(180deg);
}


div[class^="blogA"] ul li,
div[class^="blogB"] ul li,
div[class^="blogC"] ul li,
div[class^="blogD"] ul li,
div[class^="blogE"] ul li{
    line-height: 28px;
    width: 28px;
    height: 28px;
    font-weight: 600;
    font-size: 11px;
}

div[class^="blogF"] ul li{
    line-height: 31px;
    width: 46px;
    height: 31px;
    font-weight: 600;
    font-size: 18px;
    margin: 62px;
    border: none;
}

div.blogF33 ul li, div.blogF34 ul li, div.blogF35 ul li, div.blogF36 ul li{
    line-height: 48px;
    width: 34px;
    height: 48px;
}

div.blogSP1 ul li,
div.blogSP2 ul li{
    line-height: 26px;
    width: 58px;
    height: 26px;
    margin: 69px;
    font-size: 11px;
    font-weight: 600;
}

div.blogSP3 ul li,
div.blogSP4 ul li,
div.blogSP5 ul li{
    line-height: 40px;
    width: 62px;
    height: 40px;
    margin: 69px;
    font-size: 11px;
    font-weight: 600;
}

#svgA, #svgB, #svgC, #svgTop{
    border: 1px solid red;
    position: absolute;
}
#svgA{
    top: 62px;
    left: 377px;
}
#svgB{
    top: 62px;
    left: 485px;
}
#svgC{
    top: 62px;
    left: 559px;
}
#svgTop{
    top: 47px;
    left: 377px;
}
line {
    stroke:rgb(0,0,255);
    stroke-width: 2;
}

.spinner-border, .span-danger, .span-success{
    position: absolute;
    bottom: 36px;
    display: none;
}
.ctn-reserve{
    position: absolute;
    left: 304px;
    top: 24px;
}
.reserve-group{
    position: absolute;
    left: 0px;
    top: 24px;
}
.reserve-group2{
    position: absolute;
    left: 148px;
    top: 24px;
}
.com-reserve{
    width: auto;
    border: 2px solid blue;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    /* margin-left: 5px; */
    background: #fff;
    overflow: hidden;
    display: none;
    padding: 0 6px;
}
#btn-print{
    position: absolute;
    right: -164px;
    top: 49px;
    width: 148px;
}
.modal-content{
    overflow: hidden;
}
#dtCompany{
    display: none;
}
/* btn update view*/
#updType{
    position: absolute;
    bottom: 32px;
    right: 178px;
}
.dis{
    background: #ddd!important;
    /* opacity: .3; */
    color: #000!important;

}
#booth-16{
    /*margin-top:15px;*/
}
.dropdown-menu.sele-reserve{
    max-height: 400px;
    overflow: scroll;
}
.form-check-label{
    margin-top: 5px;
}
#dtCpn_paginate{
    position: absolute;
    right: 15px;
}
/*
#booth-6{
    margin-top: 16px;
}
*/