.resa-menu {
    padding:20px;
    background-color:rgba(45,49,62,1);
    font-size:20px;
    box-shadow: rgba(0,0,0,1) 0px 0px 8px; 
    color:white !important;
}
a {color:inherit !important; text-decoration: none !important;}

.menu-item {
    margin:10px;
    color:white;
    display: inline-block;
}

.resa-field {
    border:none;
    border-bottom:solid rgba(45,49,62,1) 0px;
    background-color:rgba(210,210,210,1);
    outline: none;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
    margin:5px;
    border-radius:4px;
    transition:all 0.5s ease;
    box-shadow:inset rgba(0,0,0,0.1) 0px 0px 5px;
}

.resa-field:focus {
    background-color:rgba(45,49,62,0.2);
}

.resa-sub {
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    margin:5px;
    border-radius:4px;
    border:none;
    background-color: rgba(45,49,62,1);
    color:white;
    width:100%;
    max-width:300px;
}

.mask {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.1);
    border-radius:10px;
}

.resa-stat {
    border:solid 1px;
    padding:10px;
    padding-left:10px !important;
    padding-right:10px !important;
    border-radius:10px;}

.newdate {
    text-align: center !important;
}

.room-cell {
    position: relative;
    display: inline-block;
    width:15px;
    height:15px;
    transition:all 0.2s ease;
    margin:0px !important;
}

/*.room-cell:hover {
    background-color:rgba(255,0,0,0.2); 
}*/

.cell-mark {
    position: absolute;
    background-color:rgba(100,100,100,1);
    top:6px;
    left:6px;
    width:3px;
    height:3px;
    transition:all 0.2s ease;
    border-radius:6px;
}

.room-cell:hover .cell-mark {
    top:5px;
    left:5px;
    width:5px;
    height:5px;
}

.resa-table1 {
    width:105px;
    height:105px;
}

.resa-table2 {
    width:165px;
    height:105px;
}

.resa-table3 {
    width:150px;
    height:150px;
    border-radius:150px;
}

.resa-table4 {
    width:180px;
    height:180px;
    border-radius:180px;
}

.tabl {
    
}

.table-style {
    background-color:rgba(220,220,220);
    border:rgba(150,150,150,1) 1px solid;
    box-shadow: rgba(0,0,0,1) 0px 0px 10px -5px;
    padding:5px;
    padding-top:5px;
    margin-top:0px !important;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
}

.table-id {
    top:0px;
    left:-30px;
    width:24px;
    height:24px;
    background-color:white;
    border-radius: 20px;
    box-shadow: black 0px 0px 10px -4px;
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.table-options {
    display: none;
    top:0px;
    right:-24px;
    width:24px;
    height:100%;
    padding-left:6px;
    /*align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
    text-align: center;*/
    font-size: 16px;
}

.table-style:hover .table-options{
    display: block;
}

.t-opt {
    line-height: 1.3;
}
.t-opt:hover {
    color:red;
    font-weight: 800;
}

.room-opt-bt {
    border:none;
    background-color: rgba(40,40,40,1);
    box-shadow: rgba(0,0,0,1) 0px 0px 3px;
    color:white;
    border-radius: 3px;
    padding:5px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    border:rgba(255,255,255,0.2) 1px solid;
}

.room-tools {
    display: none;
    margin-top:200px;
    background-color:rgba(215,215,215,1);
    border-radius:5px;
    padding:10px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -3px;
    color:rgba(45,49,62,1);
}

.room-opt-dt {
    display: inline-block;
    vertical-align: middle;
    border:none;
    border-radius:3px;
    padding:2px;
    outline: none;
    background-color: rgba(255,255,255,0.3);
    color:white;
}

.room-opt-rd {
    margin-left:10px;
    margin-right:10px;
}

.login_back {
    background-color:rgba(30,30,30,1);
    height:100vh;
}

.login_logo {
    max-width:300px;
}

.flx-ct {
    align-items: center;
    grid-template-columns:auto;
    display: grid;
}

.login_text {
    background-color:rgba(255,255,255,0.1);
    border:none;
    margin:3px;
    border-radius: 3px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    outline:none;
    width:300px;
    max-width:250px;
    color:white;
}

.login_bt {
    background-color:rgba(0,0,0,0.3);
    border:none;
    margin:3px;
    border-radius: 3px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    outline:none;
    color:white;
    
    width:300px;
    max-width:250px;
}

.resa-menu-bar {
    position: fixed;
    background-color:rgba(240,240,240,1);
    bottom:0px;
    z-index: 80;
    color:rgba(50,50,50,1);
    font-size:20px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 10px;
}

.nav-icon {
    margin:10px;
}

.resa-top-bar {
    background-color:rgba(30,30,30,1);
    position: fixed;
    z-index: 91;
    top:0px;
    padding:15px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 10px;
    
    height:70px;
}

.selector {
    color:white;
    text-align:right;
    font-size:15px;
}

.resa-rd-bt {
    display: inline-block;
    text-align:center;
    line-height: 1.1;
    font-size:12px;
    vertical-align: middle;
    padding-left:10px;
    padding-right:10px;
}

.resa-rd-ct {
    position: relative;
    display:inline-block;
    vertical-align: middle; 
    border-top:1px solid white;
    padding-top:10px;
    margin-left:10px;
    margin-right:10px;
}

.caption {
    position: absolute;
    font-size:10px;
    color:white;
    left:0px;
    right:0px;
    text-align:center;
    top:-8px;
}



.open-menu {
    display: none;
}

#sel-ct {
    color:white;
    text-align:right;
    font-size:20px;
}

.view-tools {
    position:fixed;
    top:65px;
    z-index: 78;
}

.view-tools-bar {
    position: fixed;
    z-index: 78;
    top:65px;
    background-color:rgba(50,50,50,1);
    padding:10px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 10px;
}

.resa_tools_button {
    border:none;
    background-color: rgba(0,0,0,0.3);
    color:white;
    border-radius: 3px;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
}

.book-button {
    position: absolute;
    right:10px;
    background-color:rgba(0,0,0,0);
    border:none;
}

.booksel {
    background-color:rgba(0,0,0,0.1);
    border:none;
    outline: none;
    padding:1px;
    border-radius:5px;
}

.bookattr {
    background-color:rgba(45,49,62,1);
    border:none;
    border-radius:4px;
    color:white;
    font-size:14px;
}

.lock {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(75,75,75,0.6);
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
    text-align: center;
    border-radius:10px;
}

.pin_pad {
    text-align: center;
    background-color:rgba(215,215,215,1);
    border-radius:5px;
    overflow: hidden;
    padding:10px;
    
    box-shadow: rgba(0,0,0,0.8) 0px 4px 10px;
}

.pin_pad_btn {
    position: relative;
    width:40px;
    border:none;
    height:40px;
    margin:10px;
    border-radius:60px;
    box-shadow: rgba(0,0,0,0.5) 0px 2px 4px;
    background-color:white;
    margin-left:8px;
}

.pin_pad_txt {
    width:160px;
    border:none;
    outline:none;
    background-color: rgba(215,215,215,1);
    
    box-shadow: inset rgba(0,0,0,0.5) 0px 2px 4px;
    border-radius:50px;
    height:40px;
    text-align: center;
    margin-left:8px;
    margin:10px;
}

.room-container {
    position: relative;
}

.book-container {
    visibility: visible;
}

.quick-add {
    background-color:rgba(0,0,0,0);
    padding:30px;
}

.quick-add:hover {
    background-image:radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0), rgba(0,0,0,0));
}



.menu-caption {
    position: absolute;
    left:0px;
    right:0px;
    bottom:15px;
    margin-top:3px;
    font-size:12px;
    text-align:center;
}

.menu-bar-item {
    line-height:0.75;
    position:relative;
    padding-top:15px !important;
    padding-bottom:30px !important;
    transition: all 0.33s ease;
}

.menu-bar-item:hover {
    background-color:rgba(0,0,0,0.1);
}

.full-link {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}

.pop_up {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.5);
    z-index:100;
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
    text-align: center !important;
}

.pop_up_content {
    position: relative;
    padding:20px;
    background-color:white;
    margin:50px;
    border-radius:6px;
    text-align: left;
}

.pop_up_title {
    position: absolute;
    top:-30px;
    left:0px;
    right:0px;
    height: auto;
    text-align:left;
    color:white;
}

.room-background {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
}

.tool-part {
    vertical-align: top;
    position: relative;
    display:inline-block;
    border:none;
    border-left:rgba(255,255,255,0.2) 1px solid;
    border-right:rgba(255,255,255,0.2) 1px solid;
    padding:10px;
    padding-bottom:5px;
    padding-top:23px;
    
    height:64px;
}

.tool-part-title {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    font-size: 12px;
    color:rgba(255,255,255,0.4);
}


.stats {
    position: fixed;
    z-index: 78;
    top:20vh;
    background-color:rgba(200,200,200,1);
    right:0px;
    padding:30px;
    box-shadow:rgba(0,0,0,0.5) 0px 0px 10px
}

.tool-sub-part {
    
    vertical-align: top;
    position: relative;
    display:inline-block;
    border:none;
    border-left:rgba(255,255,255,0.2) 1px solid;
    border-right:rgba(255,255,255,0.2) 1px solid;
    padding:10px;
    padding-top:17px;
    height:43px;
    
}

.rs_view_room_box {
    margin-top:100px; 
    position: relative;
}

.rs_view_room_table {
    position: absolute;
    width:100px;
    height:100px;
    background-color:rgba(230,230,230,1);
    border:solid 1px rgba(190,190,190,1);
    box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -4px;
    border-radius:4px;
    font-size: 14px;
    text-align: center;
    padding:10px;
    font-weight:600;
    z-index: 70;
     
    display:grid; 
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    text-align: center;
}

#addresa{
    transition:all 0.5s ease;
}
.rs_view_room_table:hover #addresa {
    transform: scale(1.2);
}

.rs_view_table_h_num {
    position: absolute;
    top:-20px; 
    font-size:12px;
    font-weight: 600;
    color:rgba(90,90,90,1);
    left:0px;
    right:0px;
    text-align:center;
}

.rs_view_table_option_item {
    display: block;
}

.rs_view_table_options {
    display: none;
    position: absolute;
    top:0px;
    right:-25px;
    left:50%;
    bottom:0%;
    padding-left:50%;
    padding-top:5px;
    padding-bottom:5px;
    text-align: right;
    color:black;
    font-size:15px;
}
.rs_view_room_table:hover
.rs_view_table_options {
    display: block;
}


.rs_pop_up_back {
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.6);
    z-index:99;
    
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
}

.rs_pop_up_box {
    position: relative;
    margin:50px;
    padding:25px;
    min-width:600px;
    min-height:250px;
    background-color:rgba(230,230,230,1);
}

.rs_pop_up_box_title {
    position: absolute;
    top:0px;
    height:10px;
    background-color:rgba(60,60,60,1); 
    left:0px;
    right:0px;
}

.rs_pop_up_box_close {
    position: absolute;
    right:25px;
    top:25px;
}

.rs_move_table {
    position:relative; 
    display:inline-grid; 
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    text-align: center;
}
.rs_move_table:hover {
    border:1px solid rgba(0,0,0,1);
}

.rs_under_grid {
    border:2px solid red;
    background-color: rgba(255,0,0,0.2) !important;
    z-index: 1 !important;
    font-size: 0px;
}