/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

.tooltips {
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 5px 0px 5px;
    position: absolute;
    z-index: 1;
    visibility: visible;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.title {
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}

.precio {
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 0px;
    color: yellow;
}

.disponibilidad {
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: white;
    font-weight : 700;
}
.floatmapbtn {
    float: right;
    margin-top: -120px;
    margin-right: 5px;
    position: relative;
    cursor: pointer; 
}
.floatmapbtn p {
    margin-top: 5px;
    margin-bottom:5px;
}
#lbloading {
    margin-top: -300px
}
body {
    font-family: Arial, Helvetica, sans-serif;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.btn-seccion {
    background: #ff6600;
    background-image: -webkit-linear-gradient(top, #ff6600, #ff6600);
    background-image: -moz-linear-gradient(top, #ff6600, #ff6600);
    background-image: -ms-linear-gradient(top, #ff6600, #ff6600);
    background-image: -o-linear-gradient(top, #ff6600, #ff6600);
    background-image: linear-gradient(to bottom, #ff6600, #ff6600);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

    .btn-seccion :hover {
        background: #ff6600;
        background-image: -webkit-linear-gradient(top, #ff6600, #d45500);
        background-image: -moz-linear-gradient(top, #ff6600, #d45500);
        background-image: -ms-linear-gradient(top, #ff6600, #d45500);
        background-image: -o-linear-gradient(top, #ff6600, #d45500);
        background-image: linear-gradient(to bottom, #ff6600, #d45500);
        text-decoration: none;
    }

.btn-seccion {
    position: absolute;
    margin: 8px;
    font-family: 'Open Sans', sans-serif;
}

.btn-seccion2 {
    width: 100%;
    padding: 2px 12px;
    margin-right: 20px
}

.panelxx {
    position: absolute;
    border: solid 1px black;
    height: 90vh;
    width: 199px;
    background: white;
}
.list-group {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
.list-group li {
    font-size: 13px;
    color: #6f6f6f;
    position: relative;
    display: block;
    padding: 5px 8px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: context-menu;
}
.btnaction {
    cursor: pointer !important
}
.titlesec {
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin: 0px
}

.squareicon {
    padding-right: 5px;
    font-size: 17px
} 
.c1 {
    cursor: pointer !important;
}
.c2 {
    cursor: not-allowed !important;
}
.c3 {
    cursor: progress !important;
}
.disponible {
    background: white url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cpath%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M12.2%2C139.2h10.4a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07V250.519a10.144%2C10.144%2C0%2C0%2C1-10.218%2C10.07H12.2a10.144%2C10.144%2C0%2C0%2C1-10.218-10.07V149.272A10.145%2C10.145%2C0%2C0%2C1%2C12.2%2C139.2Zm262.877%2C0h10.4c5.643%2C0%2C11.518%2C4.509%2C11.518%2C10.07V250.519a10.145%2C10.145%2C0%2C0%2C1-10.218%2C10.07h-10.4a10.144%2C10.144%2C0%2C0%2C1-10.217-10.07V149.272C266.165%2C143.711%2C269.439%2C139.2%2C275.082%2C139.2ZM50.1%2C182.777H248.7a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07v90.079A10.144%2C10.144%2C0%2C0%2C1%2C248.7%2C293H50.1a10.144%2C10.144%2C0%2C0%2C1-10.218-10.069V192.847A10.145%2C10.145%2C0%2C0%2C1%2C50.1%2C182.777ZM39.886%2C88.3v80.375A10.144%2C10.144%2C0%2C0%2C0%2C50.1%2C178.749H248.7a10.144%2C10.144%2C0%2C0%2C0%2C10.218-10.07V88.3a39.352%2C39.352%2C0%2C0%2C1-.371-3.936c0-42.722-35.142-77.354-78.492-77.354H118.563c-43.349%2C0-79.6%2C34.646-78.491%2C77.354C40.107%2C85.714%2C39.886%2C88.3%2C39.886%2C88.3Z%22%2F%3E%3C%2Fsvg%3E') no-repeat fixed left top;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 25px 24px;
    width: 25px;
    height: 25px;
    text-align: center;
    color: white;
    font-size: 10px;
    padding-top: 2px;
    display: block
}
.ocupado {
    background: white url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cpath%20fill%3D%22rgb(183%2C%200%2C%200)%22%20d%3D%22M12.2%2C139.2h10.4a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07V250.519a10.144%2C10.144%2C0%2C0%2C1-10.218%2C10.07H12.2a10.144%2C10.144%2C0%2C0%2C1-10.218-10.07V149.272A10.145%2C10.145%2C0%2C0%2C1%2C12.2%2C139.2Zm262.877%2C0h10.4c5.643%2C0%2C11.518%2C4.509%2C11.518%2C10.07V250.519a10.145%2C10.145%2C0%2C0%2C1-10.218%2C10.07h-10.4a10.144%2C10.144%2C0%2C0%2C1-10.217-10.07V149.272C266.165%2C143.711%2C269.439%2C139.2%2C275.082%2C139.2ZM50.1%2C182.777H248.7a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07v90.079A10.144%2C10.144%2C0%2C0%2C1%2C248.7%2C293H50.1a10.144%2C10.144%2C0%2C0%2C1-10.218-10.069V192.847A10.145%2C10.145%2C0%2C0%2C1%2C50.1%2C182.777ZM39.886%2C88.3v80.375A10.144%2C10.144%2C0%2C0%2C0%2C50.1%2C178.749H248.7a10.144%2C10.144%2C0%2C0%2C0%2C10.218-10.07V88.3a39.352%2C39.352%2C0%2C0%2C1-.371-3.936c0-42.722-35.142-77.354-78.492-77.354H118.563c-43.349%2C0-79.6%2C34.646-78.491%2C77.354C40.107%2C85.714%2C39.886%2C88.3%2C39.886%2C88.3Z%22%2F%3E%3C%2Fsvg%3E') no-repeat fixed left top;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 25px 24px;
    cursor: not-allowed;
    width: 25px;
    height: 25px;
    text-align: center;
    color: white;
    font-size: 10px;
    padding-top: 2px;
    display: block
}

.apart {
    background: white url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cpath%20fill%3D%22rgb(183%2C%200%2C%200)%22%20d%3D%22M12.2%2C139.2h10.4a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07V250.519a10.144%2C10.144%2C0%2C0%2C1-10.218%2C10.07H12.2a10.144%2C10.144%2C0%2C0%2C1-10.218-10.07V149.272A10.145%2C10.145%2C0%2C0%2C1%2C12.2%2C139.2Zm262.877%2C0h10.4c5.643%2C0%2C11.518%2C4.509%2C11.518%2C10.07V250.519a10.145%2C10.145%2C0%2C0%2C1-10.218%2C10.07h-10.4a10.144%2C10.144%2C0%2C0%2C1-10.217-10.07V149.272C266.165%2C143.711%2C269.439%2C139.2%2C275.082%2C139.2ZM50.1%2C182.777H248.7a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07v90.079A10.144%2C10.144%2C0%2C0%2C1%2C248.7%2C293H50.1a10.144%2C10.144%2C0%2C0%2C1-10.218-10.069V192.847A10.145%2C10.145%2C0%2C0%2C1%2C50.1%2C182.777ZM39.886%2C88.3v80.375A10.144%2C10.144%2C0%2C0%2C0%2C50.1%2C178.749H248.7a10.144%2C10.144%2C0%2C0%2C0%2C10.218-10.07V88.3a39.352%2C39.352%2C0%2C0%2C1-.371-3.936c0-42.722-35.142-77.354-78.492-77.354H118.563c-43.349%2C0-79.6%2C34.646-78.491%2C77.354C40.107%2C85.714%2C39.886%2C88.3%2C39.886%2C88.3Z%22%2F%3E%3C%2Fsvg%3E') no-repeat fixed left top;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 25px 24px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
    color: white;
    font-size: 10px;
    padding-top: 2px;
    display: block
}

.ocupadoproceso {
    background: white url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cpath%20fill%3D%22rgb(183%2C%200%2C%200)%22%20d%3D%22M12.2%2C139.2h10.4a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07V250.519a10.144%2C10.144%2C0%2C0%2C1-10.218%2C10.07H12.2a10.144%2C10.144%2C0%2C0%2C1-10.218-10.07V149.272A10.145%2C10.145%2C0%2C0%2C1%2C12.2%2C139.2Zm262.877%2C0h10.4c5.643%2C0%2C11.518%2C4.509%2C11.518%2C10.07V250.519a10.145%2C10.145%2C0%2C0%2C1-10.218%2C10.07h-10.4a10.144%2C10.144%2C0%2C0%2C1-10.217-10.07V149.272C266.165%2C143.711%2C269.439%2C139.2%2C275.082%2C139.2ZM50.1%2C182.777H248.7a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07v90.079A10.144%2C10.144%2C0%2C0%2C1%2C248.7%2C293H50.1a10.144%2C10.144%2C0%2C0%2C1-10.218-10.069V192.847A10.145%2C10.145%2C0%2C0%2C1%2C50.1%2C182.777ZM39.886%2C88.3v80.375A10.144%2C10.144%2C0%2C0%2C0%2C50.1%2C178.749H248.7a10.144%2C10.144%2C0%2C0%2C0%2C10.218-10.07V88.3a39.352%2C39.352%2C0%2C0%2C1-.371-3.936c0-42.722-35.142-77.354-78.492-77.354H118.563c-43.349%2C0-79.6%2C34.646-78.491%2C77.354C40.107%2C85.714%2C39.886%2C88.3%2C39.886%2C88.3Z%22%2F%3E%3C%2Fsvg%3E') no-repeat fixed left top;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 25px 24px;
    cursor: not-allowed;
    width: 25px;
    height: 25px;
    text-align: center;
    color: white;
    font-size: 10px;
    padding-top: 2px;
    display: block
}	

.seleccionado {
    background: white url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cpath%20fill%3D%22rgb(255%2C%20101%2C%200)%22%20d%3D%22M12.2%2C139.2h10.4a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07V250.519a10.144%2C10.144%2C0%2C0%2C1-10.218%2C10.07H12.2a10.144%2C10.144%2C0%2C0%2C1-10.218-10.07V149.272A10.145%2C10.145%2C0%2C0%2C1%2C12.2%2C139.2Zm262.877%2C0h10.4c5.643%2C0%2C11.518%2C4.509%2C11.518%2C10.07V250.519a10.145%2C10.145%2C0%2C0%2C1-10.218%2C10.07h-10.4a10.144%2C10.144%2C0%2C0%2C1-10.217-10.07V149.272C266.165%2C143.711%2C269.439%2C139.2%2C275.082%2C139.2ZM50.1%2C182.777H248.7a10.145%2C10.145%2C0%2C0%2C1%2C10.218%2C10.07v90.079A10.144%2C10.144%2C0%2C0%2C1%2C248.7%2C293H50.1a10.144%2C10.144%2C0%2C0%2C1-10.218-10.069V192.847A10.145%2C10.145%2C0%2C0%2C1%2C50.1%2C182.777ZM39.886%2C88.3v80.375A10.144%2C10.144%2C0%2C0%2C0%2C50.1%2C178.749H248.7a10.144%2C10.144%2C0%2C0%2C0%2C10.218-10.07V88.3a39.352%2C39.352%2C0%2C0%2C1-.371-3.936c0-42.722-35.142-77.354-78.492-77.354H118.563c-43.349%2C0-79.6%2C34.646-78.491%2C77.354C40.107%2C85.714%2C39.886%2C88.3%2C39.886%2C88.3Z%22%2F%3E%3C%2Fsvg%3E') no-repeat fixed left top;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 25px 24px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
    color: white;
    font-size: 10px;
    padding-top: 2px;
    display: block
}
.seccion:hover {
    opacity: 0.5;
    cursor: pointer;
}

.disabled {
    opacity: 1.0;
    cursor: default;
    fill: #c0c0c0 !important;
}

.showdivloc {
    display: none
}

.active {
    cursor: pointer !important;
}

#NOMapLocalidades li:hover {
    background-color: #fff9f4
}
.mesadisp {
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><g><circle cx="150.474" cy="149.475" r="97.483"/><circle cx="53.408" cy="247.14" r="35.578"/><circle cx="247.422" cy="50.578" r="35.578"/><circle cx="247.422" cy="247.14" r="35.578"/><circle cx="53.408" cy="50.578" r="35.578"/></g></svg>') no-repeat center center;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 35px 34px;
    width: 35px;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

.mesa-nodisp {
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><g  fill="rgb(230, 0, 0)" ><circle cx="150.474" cy="149.475" r="97.483"/><circle cx="53.408" cy="247.14" r="35.578"/><circle cx="247.422" cy="50.578" r="35.578"/><circle cx="247.422" cy="247.14" r="35.578"/><circle cx="53.408" cy="50.578" r="35.578"/></g></svg>') no-repeat center center;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 35px 34px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    color: #fff;
}

.mesa-select {
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><g  fill="rgb(255, 91, 0)" ><circle cx="150.474" cy="149.475" r="97.483"/><circle cx="53.408" cy="247.14" r="35.578"/><circle cx="247.422" cy="50.578" r="35.578"/><circle cx="247.422" cy="247.14" r="35.578"/><circle cx="53.408" cy="50.578" r="35.578"/></g></svg>') no-repeat center center;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 35px 34px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    color: #fbff00;
}