.my-login-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.my-login-logo {
    position: absolute;
    top: 2.5em;
    left: 2.5em;
}
.my-hidden {
    display: none;
}
.my-hidden-table {
    display: none;
}
.my-btn-paging {
    background-color: transparent;
    border: 1px none white;
    color: #595d6e;
    margin: 1px;
    padding: 5px 14px;
}

.my-location-button {
    width: 150px;
    height: 150px;
    margin: 10px;
    background: #4FAFA9;
    color: white;
    border-radius: 15px;
}
    .my-location-button:hover {
        background: #44a9a3;
        color: white;
    }
.my-food-button {
    width: 150px;
    height: 150px;
    margin: 10px;
}
.my-room-button {
    width: 350px;
    height: auto;
    margin: 10px;
    font-size:55px;
}

.my-d {
    background-color: #efefef;
    color: #ccc;
    width: 60px;
    cursor: default;
    margin: 2px;
}
    .my-d:hover {
        background-color: #efefef;
        color: #ccc;
        width: 60px;
        cursor: default;
        margin: 2px;
    }
.my-a {
    width: 60px;
    margin: 2px;
}
.my-b {
    width: 60px;
    margin: 2px;
}
.my-o {
    width: 60px;
    margin: 2px;
}

.my-popovercontent {
    width: 350px;
    height: 350px;
}
.my-popoverimage {
    max-width: 240px;
    max-height: 240px;
}
.my-popoverimage2 {
    max-width: 350px;
    max-height: 350px;
}
.my-popoverimage3 {
    max-width: 450px;
    max-height: 450px;
}
.my-div-centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-caption {
    height: 45px;
    background-color: darkorange;
    color: white;
    font-size: 30px;
}
.my-bg {
    margin: 5px 15px 15px 10px;
}
.my-bg-div2 {
    margin: 0px;
    border: solid 1px black;
}
.my-bg-div2 img {
    border: solid 1px silver;
    width: 200px;
    height: 200px;
    object-fit: contain;
    background-color: silver;
}
.my-bg-div3 {
    width: 102px;
    height: 102px;
    margin: 0px;
    border: solid 1px black;
}
.my-bg-div3 img {
    border: solid 1px silver;
    width: 100px;
    height: 100px;
    object-fit: contain;
    background-color: silver;
}
.my-bg-div {
    width: 102px;
    height: 122px;
    margin: 0px;
    border: solid 1px black;
}
.my-bg-div-cap {
    opacity: 1;
    padding-top: 7px;
    width: 100%;
    height: 20px;
}
.my-bg-div-cap-free {
    background-color: #1dc9b7;
    color: white;
}
.my-bg-div-cap-waiting {
    background-color: #ffb822;
    color: #111111;
}
.my-bg-div-cap-busy {
    background-color: #fd397a;
    color: #ffffff;
}
.my-bg-div-cap-default {
    background-color: #5578eb;
    color: #ffffff;
}
.my-bg-div img {
    border: solid 1px silver;
    width: 100px;
    height: 100px;
    object-fit:contain;
    background-color:silver;
}

.popover{
    max-width:500px;
}

.ui-autocomplete {
    z-index: 215000000 !important;
}

body.modal-open {
    overflow: hidden !important;
    padding-right: 21px !important;
    /*position: fixed;*/
}

.paginate_button.current {
    background-color: #2c77f4;
    border: 1px none white;
    color: #ffffff;
}
.paginate_button.previous {
    background-color: #ebe9f2;
    border: 1px none white;
    color: #595d6e;
}
.paginate_button.next {
    background-color: #ebe9f2;
    border: 1px none white;
    color: #595d6e;
}
    .paginate_button.next:hover, .paginate_button.previous:hover, .my-btn-paging:hover {
        background-color: #2c77f4;
        border: 1px none white;
        color: #ffffff;
    }

.select2 {
    width: 100% !important;
}

.kt-datatable__row--hover {
    background: #fafafa;
}
.dataTables_wrapper .dataTable {
    border-collapse: collapse !important;
}
  .dataTables_wrapper .dataTable .selected th, .dataTables_wrapper .dataTable .selected td {
        background-color: transparent;
    }

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #d7d4d4;
}
.kt-portlet__head{
    background-color: ghostwhite;
}
.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    background-color: ghostwhite;
}
/*
.table-bordered th, .table-bordered td {
    border: 0px solid aliceblue;
    border-top: 1px solid aliceblue;
    border-bottom: 1px solid aliceblue;
}
.table-bordered {
    border: 1px solid aliceblue;
}*/