.public, .signup {
    margin-bottom: 2em !important;
}

.success {
    background: #35bdb2;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-radius: 100px;
}

.banner {
    font-weight: bold;
    text-align: center;
}

.downstairs {
    border: 3px solid #36a1b8;
    background: #fff;
}
.downstairs h3, .upstairs h3 {
    text-align: center;
}
.note {
    width: 720px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 0;
    clear: none;
    text-align: center;
    background: #abdce2;
    color: #00546a;
    border: 3px solid #00546a;
    box-sizing: border-box;
}
.note .upstairs {
    width: 390px;
    float: left;
    background: #fff;
}
.note .loft-layout {
    width: 380px;
    height: 340px;
    /*background: #fff url(https://www.camdenrockland.com/_assets/images/expo-upstairs-map.jpg?1) no-repeat center top;*/
    position: relative;
}

.booths {
    width: 710px;
    /*height: 600px;*/
    display: block;
    overflow: visible;
    position: relative;
    /*background: transparent url(https://www.camdenrockland.com/_assets/images/expo-downstairs-map-2021.jpg?1) top left no-repeat;*/
    background-size: contain;
}
.booths img {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.booth {
    display: block;
    position: absolute;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
.booth__check {
    display: none;
}
.signup .booth:not(.booth--reserved) .booth__number,
.signup .booth:not(.booth--sponsor):not(.booth--reserved) .booth__number,
.public .booth--reserved .booth__number {
    display: block;
    font-weight: bold;
    font-size: .75em;
    color: #1557a3;
    transition: color .2s linear, background .2s linear;
}
.booth__check:checked + .booth__number {
    color: #fff !important;
    background: #35bdb2;
}
.booth__number img {
    max-width: 80%;
    max-height: 50px !important;
}

.booth__offers {
    color: #333;
    font-weight: normal;
    clear: both;
    display: block;
}

.booth__member {
    width: auto;
    min-width: 150px;
    padding: 10px;
    display: block;
    position: relative;
    z-index: 100;
    font-size: 90%;
    line-height: 1.5;
    text-align: left;
    color: #aaa;
    background: #fff;
    border: 2px solid #aaa;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity .2s linear;
    -moz-transition: visibility 0s, opacity .2s linear;
    -ms-transition: visibility 0s, opacity .2s linear;
    -o-transition: visibility 0s, opacity .2s linear;
    transition: visibility 0s, opacity .2s linear;
}
.public .booth__member {
    color: #1557a3;
    border-color: #1557a3;
}

.booth:hover .booth__member {
    opacity: 1;
    visibility: visible;
}

.booth__member .booth__sponsorship {
    background: #1557a3;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.signup .booth__member .booth__sponsorship {
    background: #aaa;
}

.signup .booth--reserved .booth__number,
.signup #boothSponsor .booth__number,
.public .booth:not(.booth--reserved) .booth__number {
    font-style: italic;
    font-weight: normal;
    color: #aaa;
    cursor: not-allowed;
    font-size: .75em;
}
.public .booth:not(.booth--reserved) .booth__number {
    cursor: default !important;
    font-size: .75em;
}

.booth--reserved .booth__member a {
    color: #aaa;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.public .booth--reserved .booth__member a {
    color: #1557a3;
}
.booth--reserved:hover .booth__number {
    background: #aaa;
    color: #fff;
    display: block;
}
.public .booth--reserved:hover .booth__number {
    background: #1557a3;
    color: #fff;
}
/*
.public .sponsor .booth__number {
    color: #fff;
    background: #9d6a41;
}
.public .sponsor:hover .booth__number {
    background: #9d6a41;
}
.public .sponsor:hover .booth__member {
    border-color: #9d6a41;
}
.sponsor .booth__sponsorship {
    display: block;
    color: #9d6a41;
}*/
.public .sponsor--Gold .booth__number {
    color: #fff;
    background: #d0ad67;
}
.public .sponsor--Gold:hover .booth__number {
    background: #d0ad67;
}
.public .sponsor--Gold:hover .booth__member {
    border-color: #d0ad67;
}
.sponsor--Gold .booth__sponsorship {
    color: #d0ad67;
}
.public .sponsor--Silver .booth__number {
    color: #fff;
    background: #a6a6a6;
}
.public .sponsor--Silver:hover .booth__number {
    background: #a6a6a6;
}
.public .sponsor--Silver:hover .booth__member {
    border-color: #a6a6a6;
}
.sponsor--Silver .booth__sponsorship {
    color: #a6a6a6;
    display: block;
}

    
.booth--hallway {
    background: #fff;
}

.booth--single.booth--vertical,
.booth--single.booth--vertical label{
    width: 30px;
    height: 40px;
    line-height: 40px;
}
.booth--single.booth--horizontal,
.booth--single.booth--horizontal label {
    width: 40px;
    height: 30px;
    line-height: 30px;
}
.booth--corner-double.booth--vertical,
.booth--corner-double.booth--vertical label {
    width: 30px;
    height: 60px;
    line-height: 60px;
}
.booth--corner-double.booth--horizontal,
.booth--corner-double.booth--horizontal label {
    width: 60px;
    height: 30px;
    line-height: 30px;
}
.booth--loft.booth--vertical,
.booth--loft.booth--vertical label{
    width: 30px;
    height: 50px;
    line-height: 50px;
}
.booth--loft.booth--horizontal,
.booth--loft.booth--horizontal label {
    width: 50px;
    height: 30px;
    line-height: 30px;
}
.booth--hallway.booth--vertical,
.booth--hallway.booth--vertical label,
.booth--sponsor.sponsor--In-Kind.booth--vertical,
.booth--sponsor.sponsor--In-Kind.booth--vertical label {
    width: 30px;
    height: 40px;
    line-height: 40px;
}
.booth--hallway.booth--horizontal,
.booth--hallway.booth--horizontal label,
.booth--sponsor.sponsor--In-Kind.booth--horizontal,
.booth--sponsor.sponsor--In-Kind.booth--horizontal label {
    width: 40px;
    height: 30px;
    line-height: 30px;
}
.booth--sponsor.sponsor--Cash.booth--vertical,
.booth--sponsor.sponsor--Cash.booth--vertical label {
    width: 60px;
    height: 80px;
    line-height: 80px;
}
.booth--sponsor.sponsor--Cash.booth--horizontal,
.booth--sponsor.sponsor--Cash.booth--horizontal label {
    width: 80px;
    height: 60px; 
    line-height: 60px;
}


.sponsor {
    margin-bottom: 2em;
}
h4, h5 {
    text-align: center;
    margin-bottom: .5em !important;
}


.table-options {
    margin-bottom: 1em;
}
.table-options label {
    text-indent: -1.5em;
    margin-left: 1.5em;
    margin-bottom: .5em;
}
.table-options input {
    margin: 0 !important;
}