.map-wrapper { overflow-x: scroll; }
.map-container { position: relative; }

.table { position: absolute; text-align: center; border: 1px solid #000; }
.table-vendor { font-weight: 700; cursor: default; background: #c7d6e8; }
.table-vendor.table-reserved { background: #5a7391; color: #fff; }
.table-competitor { font-weight: 700; background: #fff; }
.table-competitor:hover { background: #756351; color: #fff; }
.table-competitor.selected { background: #402d1c; color: #fff; }
.table-competitor.table-internal { background: #e9a569; color: #fff; cursor: default; }
.table-competitor.table-admin { background: #dae4f0; color: #fff; cursor: default; }
.table-competitor.selected { background: #402d1c; color: #fff; }
.table-competitor.table-reserved { background: #861717; color: #fff; cursor: default; }
.table-competitor.table-in-progress { background: #cc9999; color: #fff; cursor: default; }
.table-competitor.table-reservable { cursor: pointer; }
.table-competitor.table-admin.table-reservable:hover { background: #756351; color: #fff; }
.table-competitor.table-admin.selected { background: #402d1c; color: #fff; }

.btn i.fa { margin-right: .1em; font-size: .8em; }

#header_main header.shrinked .logo { width: 20.5%; }

#table_alert_container { position: fixed; top:0; z-index: 4500; }
#table_alert { height: 200px; padding-top: 125px; background: #cc2e1c; transition: all 0.3s ease; }
#table_alert.shrinked { height: 135px; padding-top: 65px; }
#table_alert .left { padding-top: 21px; text-align: left; }
#table_alert .right { padding-top: 20px; text-align: right; }
#table_alert p { font-size: 1em; color: #fff; }
#table_alert .btn-default { background: #fff; color: #333; border: 1px solid #fff; }
#table_alert .btn-default:hover, #table_alert .btn-default:active, #table_alert .btn-default:focus { background: #c4b4a0; color: #fff; border: 1px solid #c4b4a0; outline: 0; }
#table_alert.hidden-alert { height: 0 !important; padding-top: 0 !important; }


@media (min-width: 420px) {
    #header_main header.shrinked .logo { width: 17.5%; }
    #table_alert { height: 210px; padding-top: 140px; }
    #table_alert .left { padding-top: 28px; }
}

@media (min-width: 480px) {
    #header_main header.shrinked .logo { width: 15%; }
    #table_alert { height: 220px; padding-top: 150px; }
    #table_alert.shrinked { height: 140px; padding-top: 70px; }
    #table_alert .left { padding-top: 28px; }
    #table_alert p { font-size: 1.1em; }
}

@media (min-width: 600px) {
    #header_main header.shrinked .logo { width: 11.5%; }
    #table_alert { height: 250px; padding-top: 180px; }
    #table_alert.shrinked { height: 150px; padding-top: 75px; }
    #table_alert .left { padding-top: 29px; }
    #table_alert p { font-size: 1.2em; }
}

@media (min-width: 768px) {
    .btn i.fa { margin-right: .2em; font-size: .9em; }
    #header_main header.shrinked .logo { width: 12.5%; }
    #table_alert { height: 280px; padding-top: 205px; }
    #table_alert .left { padding-top: 20px; }
    #table_alert p { margin-left: 10px; }
    .map-wrapper { overflow-x: hidden; }
}

@media (min-width: 992px) {
    #header_main header.shrinked .logo { width: 16%; }
    #table_alert { height: 230px; padding-top: 155px; }
    #table_alert.shrinked { height: 155px; padding-top: 80px; }
    #table_alert .left { padding-top: 28px; }
    #table_alert p { font-size: 1.3em; }
}

@media (min-width: 1200px) {
    #header_main header.shrinked .logo { width: 17%; }
    #table_alert { height: 270px; padding-top: 190px; }
    #table_alert.shrinked { height: 192px; padding-top: 110px; }
}