.btn_top {
    position: absolute;
    right: 0px;
    margin-top: 0px;
    margin-right: 13px;
    z-index: 1;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}


.cr-hand {
    pointer-events: all;
    cursor: pointer;
}

.cr-bloq {
    pointer-events: all;
    cursor: not-allowed;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-5 {
    padding-right: 5px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-5 {
    margin-right: 5px;
}


.modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    /*background-color: rgb(238, 245, 249) !important;*/
}

.modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}


.hover-visible {
    outline: 1px solid transparent;
}

.hover-visible .action {
    visibility: hidden;
}

.hover-visible:hover .action {
    visibility: visible;
}

.no-wrap td, .no-wrap th {
    white-space: nowrap;
}

.show-xs {
    display: none;
}

.hide-xs {
 /*//   display: block;*/
}

@media screen and (max-width: 425px) {
    .show-xs {
        display: block;
    }

    .hide-xs {
        display: none;
    }
}

.chatModal {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media screen and (min-width: 400px) {
    .chatModal {
        margin-right: 0 !important;
    }
}

.image-responsive {
    width: 100%;
    height: auto;
    /*padding:10px;*/
}


.btn-circle {
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem
}

.btn-circle.btn-xs {
    width: 1rem;
    height: 1rem;
    font-size: .25rem
}

.btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn {
    width: 2rem;
    height: 2rem;
    font-size: .625rem
}

.btn-circle.btn-md {
    width: 3rem;
    height: 3rem;
    font-size: 1rem
}

.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
    width: 4rem;
    height: 4rem;
    font-size: 1.375rem
}

.btn-circle.btn-xl {
    width: 5rem;
    height: 5rem;
    font-size: 1.75rem
}



.mesa {
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 3px solid !important;
}

.mesa.mesa-1, .btn-group-sm > .mesa.btn {
    width: 2rem;
    height: 2rem;
}

.mesa.mesa-xs, .btn-group-sm > .mesa.btn {
    width: 1.5rem;
    height: 1.5rem;
}

.mapamesas td{
    padding: 2px !important;
}

.btn-disabled{
    opacity: .2
    !important;
    border-color: #343a40 !important;
    background-color: #b0b0b0 !important;
}