/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 19, 2019, 11:53:46 AM
    Author     : vorn.sokeng
*/
.container{
    overflow: hidden;
}
#content {
    padding: 20px 0!important;
    /* overflow-x: scroll; */
    
}
.ctn{
    position: relative;
    min-height: 70vh;
}
#test{
    margin-bottom: 6px;
}
.ctn .containerZoom{
    /* text-align: center; */
}
.ctn img{
    /* width: 1400px; */
    width: 940px;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 0;
    height: 0;
}
.ctn ul li{
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    cursor: pointer;
    width: 26px;
    height: 24px;
    line-height: 22px;
}

ul li.separate, div.separate{
    border: none;
    width: 100%;
    margin-top: 16px;
}
ul li.book_and_paid{
    background: red;
    color:#fff;
}
ul li.book{
    background: #ef7070;
    color:#fff;
}
ul li.reserve{
    background: green;
    color: #000;
}
ul li.reserve-blue{
    background: blue;
    color: #fff;
}
ul li.b-separate,div.b-separate{
    border: none;
    width: 100%;
    margin-top: 60px;
}
#print > div[class^="blog"]{
    position: absolute;
    box-sizing: border-box;
}
/* #print > div[class^="blog"] ul li:nth-child(odd){
    float: right;
} */
#print > div[class^="blog"] ul li:nth-child(even){
    overflow: hidden;
}
#print > div[class^="blogA"] ul li:nth-child(even){
    overflow: none;
}
#print > div[class^="blog15_"] ul li:nth-child(odd),
#print > div[class^="blog16_"] ul li:nth-child(odd),
#print > div[class^="blogA"] ul li:nth-child(odd){
    float: none;
}
#print > div[class^="blog16_4"] ul li:nth-child(odd){
    float: right;
}
.blog16_3 ul,.blog16_4 ul{
    transform: rotate(180deg);
}
.blog16_3 ul li,.blog16_4 ul li{
    transform: rotate(-180deg);
}

div.blogA1{
    left: 28px;
    top: 578px;
}
div.blogA2{
    left: 28px;
    top: 828px;
}

div.blogA3{
    left: 75px;
    top: 1062px;
    transform: rotate(270deg);
}


div.blogA4{
    left: 241px;
    top: 1062px;
    transform: rotate(270deg);
}

div.blogA5{
    left: 572px;
    top: 987px;
    transform: rotate(139deg);
}

div.blogA6{
    left: 527px;
    top: 843px;
    transform: rotate(141deg);
}

div.blogA7{
    left: 241px;
    top: 1182px;
    transform: rotate(270deg);
}

div.blogB1{
    left: 104px;
    top: 941px;
    transform: rotate(270deg);
}

div.blogB2{
    left: 104px;
    top: 985px;
    transform: rotate(270deg);
}

div.blogB3{
    left: 221px;
    top: 941px;
    transform: rotate(270deg);
}

div.blogB4{
    left: 221px;
    top: 985px;
    transform: rotate(270deg);
}

div.blogB5{
    left: 336px;
    top: 941px;
    transform: rotate(270deg);
}

div.blogB6{
    left: 336px;
    top: 985px;
    transform: rotate(270deg);
}

div.blogC1{
    left: 141px;
    top: 817px;
    transform: rotate(270deg);
}
div.blogC2{
    left: 141px;
    top: 860px;
    transform: rotate(270deg);
}
div.blogC3{
    left: 258px;
    top: 817px;
    transform: rotate(270deg);
}
div.blogC4{
    left: 258px;
    top: 860px;
    transform: rotate(270deg);
}

div.blogD1{
    left: 123px;
    top: 598px;
}
div.blogD2{
    left: 168px;
    top: 598px;
}

div.blogA3 ul li,
div.blogA4 ul li,
div.blogA7 ul li,
div[class^="blogB"] ul li,
div[class^="blogC"] ul li{
    transform: rotate(90deg);
}

div.blogA5 ul li,
div.blogA6 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{
    line-height: 44px;
    width: 46px;
    height: 44px;
    font-weight: 600;
    margin: 0;
    font-size: 16px;
}


#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;
}
*/