table.change_time td{
    cursor: default;
    position: relative;
    border: none;
}
table.change_time.can_selected td{
    cursor: pointer;
    padding: 1px 10px;
}
.table_selected_on{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
body table.table{
    border: none;
}
table.change_time>tbody>tr>td,.kp_room table.change_time>tbody>tr>th{
    border: none;
    box-shadow: inset 0px -1px 0px #dfdfdf;
}
table.change_time>tbody>tr>td,.kp_room table.change_time>tbody>tr>th{
    border: none;
    box-shadow: inset 0px -1px 0px #dfdfdf;
}
body table.table>thead>tr>th, body table.table>tbody>tr>th,body table>thead>tr>th, body table.table>tbody>tr>td{
    box-shadow: inset 0px -1px 0px #dfdfdf;
    border: none;
}
body table.table>thead>tr>th,body table.table>tbody>tr>th{
    text-align:center;
    vertical-align: middle;
}
table.change_time .one_bron_div{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    cursor: pointer;
}
table.change_time .one_bron_div:hover{
    color: #000;
}
table.change_time .one_bron_div div{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    height: 50px;
}
table.change_time .td_with_one_bron_div{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1px 0 0 0px;
    display: none;
}
.table_selected_on table.hide_bron .one_bron_div, table.hide_bron:hover .one_bron_div, table.hide_bron:hover td.booked .td_with_one_bron_div{
    display: none;
}
table.change_time td.no_payed{
    background: rgb(204, 204, 204);
}
table.change_time td.bron{
    background: rgba(255,255,0,0.2);
}
table.change_time .bron .one_bron_div{
    background: rgb(255, 255, 204);
}
table.change_time td.payed{
    background: rgba(0,200,0,0.7);
}
table.change_time .payed .one_bron_div{
    background: rgb(76, 216, 76);
}
table.change_time td.cancel{
    background: #ddd;
}
table.change_time td.booked{
    background: rgba(191,217,255,0.5);
    z-index: 2;
}
table.change_time td.booked.bron{
    background: rgba(223, 236, 228,0.7);
}
table.change_time td.booked.bron .td_with_one_bron_div, table.change_time:hover td.booked.bron{
    background: rgb(232, 241, 221);
}
table.change_time td.booked.payed{
    background: rgba(133, 216, 160,0.7);
}
table.change_time td.booked.payed .td_with_one_bron_div{
    background: rgb(116, 215, 135);
}
table.change_time:hover td.booked.payed .td_with_one_bron_div,table.change_time:hover td.booked.payed{
    background: rgb(116, 215, 135);
}
table.change_time td.booked .td_with_one_bron_div{
    display: block;
}
table.change_time:hover td.no_payed .one_bron_div{
    display: none;
}
table.change_time.no_hide_bron:hover td.no_payed .one_bron_div{
    display: block;
}
table.change_time td.booked.no_payed, table.change_time td.booked.no_payed .td_with_one_bron_div{
    background: rgb(203, 213, 228);
}    
#section_root table.change_time td {
    padding: 1px 10px;
    text-align: center;
    border: none;
}

table.change_time td.no_color{
    background: transparent;
}
table.change_time td.no_color:hover{
    background: transparent;
}
table.change_time td.no_color .one_bron_div div{
    height: 20px;
}

table.change_time td.no_color .one_bron_div{
    background: rgba(200, 200, 200,0.7);
}
table.change_time td.expired .one_bron_div{
    background: rgba(255, 103, 98,0.7);
}
table.change_time td.stock .one_bron_div{
    background: rgba(76, 216, 76,0.7);
}


.table_legend{
    float: right;
    font-size: 13px;
    padding-top: 5px;
}
.table_legend div, .table_legend span{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-right: 10px;
    font-weight: bold;
}
.table_legend div{
    padding-left: 30px;
    position: relative;
    line-height: 1;
}
.table_legend div:last-child{
    margin-right: 0;
}
.table_legend span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    background: #b0b0b3;
}
.table_legend span.payed{
    background: #01ac2d;
}
.table_legend span.bron{
    background: #d6d600;
}
.table_legend span.booked{
    background: rgba(191,217,255,0.5);
}