/** ADD YOUR AWESOME CODES HERE **/

.hr-class {
    border-top: 1px solid #bdc4cb !important;
}

select.form-control:not([size]):not([multiple]) {
    /*height: calc(2.25rem + 10px) !important;*/
}

.navbar-brand {
    margin: auto !important;
}

.pnp-button {
    background: #1F4260;
    border: 1px solid #1F4260 !important;
}

    .pnp-button:hover {
        background: #00335A;
        border: 1px solid #00335A !important;
    }

.pnp-dark-button {
    background: #333333;
    border: 1px solid #333333 !important;
}

    .pnp-dark-button:hover {
        background: #00335A;
        border: 1px solid #00335A !important;
    }

.floor-plan {
    margin: auto;
    border: 2px #00335A solid;
    padding: 2em;
    /*min-width: 1200px;
    min-height: 650px;*/
    display: block;
}

.floor-plan-row {
    border: 1px #00000059 solid;
    margin-bottom: 1em;
}

.stand-icon {
    width: 65px;
    background: #00365d;
    color: #fff;
}

    .stand-icon a {
        color: #fff;
    }

/* .stand-icon:hover {
        cursor: pointer;
    }*/

.info-box {
    position: absolute;
    background: #ddd;
    padding: 4px;
    width: 300px;
    display: none;
    z-index: 5;
}

    /*input.stand-icon:hover + .info-box, .info-box:hover {
    display: block
}*/

    .stand-icon:hover + .info-box, .info-box:hover {
        display: block
    }


input.si2:hover + .info-box2, .info-box2:hover {
    display: block
}

input.si3:hover + .info-box3, .info-box3:hover {
    display: block
}


input.si4:hover + .info-box4, .info-box4:hover {
    display: block
}


input.si5:hover + .info-box5, .info-box5:hover {
    display: block
}


input.si6:hover + .info-box6, .info-box6:hover {
    display: block
}

.info-box2 {
    position: absolute;
    background: #ddd;
    padding: 4px;
    width: 200px;
    display: none;
    z-index: 5;
}

.info-box3 {
    position: absolute;
    background: #ddd;
    padding: 4px;
    width: 200px;
    display: none;
    z-index: 5;
}

.info-box4 {
    position: absolute;
    background: #ddd;
    padding: 4px;
    width: 200px;
    display: none;
    z-index: 5;
}

.info-box5 {
    position: absolute;
    background: #ddd;
    padding: 4px;
    width: 200px;
    display: none;
    z-index: 5;
}

.info-box6 {
    position: absolute;
    background: #ddd;
    padding: 4px;
    width: 200px;
    display: none;
    z-index: 5;
}

.stand-block {
    text-align: center;
    border: 1px #979494 solid;
}

.stand-premium {
    background: #00b2dc;
    color: #fff;
}

    .stand-premium a {
        color: #fff;
    }

.stand-featured {
    background: #7f8489;
}

.graphic-block {
    background: transparent;
}

.stand-reserved {
    background: #ee2f3f;
    color: #fff;
}

    .stand-reserved a {
        color: #fff;
    }

.block {
    width: 30px;
    height: 30px;
}

.floor-row {
    /* margin-bottom: 0.2em; */
}

.stand-3x2 {
    border: 2px #F23CD1 solid;
    background: #b8094d;
}

.stand-3x3-premium {
    background: #00b2dc;
    color: #fff;
}

    .stand-3x3-premium a {
        color: #fff;
    }

.stand-3x3-regular {
    background: #00365d;
    color: #fff;
}

    .stand-3x3-regular a {
        color: #fff;
    }

.stand-3x2-premium {
    background: #b8094d;
    color: #fff;
}

    .stand-3x2-premium a {
        color: #fff;
    }

.stand-3x2-regular {
    background: #5a0023;
    color: #fff;
}

    .stand-3x2-regular a {
        color: #fff;
    }

.stand-2x2 {
    border: 2px #F5B837 solid;
}

.stand-2x2-regular {
    background: #cdde54;
}

.stand-2x2-premium {
    background: #74c043;
}

.stand-4x4 {
    background: #00b2dc;
    color: #fff;
}

.stand-6x6 {
    background: #bf72dd;
    color: #fff;
}

.stand-5x3 {
    background: #e39a0d;
    color: #fff;
}

.popupHeading {
    color: #fff;
    padding: 0.5em;
}

.phd_3x2 {
    background: #F23CD1;
}

.phd_2x2 {
    background: #F5B837;
}

.phd_premium {
    background: #00335A;
    color: #fff;
}

.phd_block {
    background: #3C3D41;
}

.phd_featured {
    background: #bcbcbc;
    color: #3C3D41;
}

.phd_reserved {
    background: #595154;
    color: #fff;
}

.stand-selected {
    background: #28a745;
    color: #fff;
}

    .stand-selected a {
        color: #000;
    }

.phd_selected {
    background: #28a745;
    color: #000;
}

.featured-tl {
    border-right: none;
    border-bottom: none;
}

.featured-tr {
    border-left: none;
    border-bottom: none;
}

.featured-l {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.featured-r {
    border-top: none;
    border-bottom: none;
    border-left: none;
}

.featured-bl {
    border-top: none;
    border-right: none;
}

.featured-br {
    border-top: none;
    border-left: none;
}

.featured-t {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.featured-b {
    border-top: none;
    border-left: none;
    border-right: none;
}

.featured-m {
    border: none;
}

.featured-tt {
    border-bottom: none;
}

.featured-ll {
    border-right: none;
}

.featured-bb {
    border-top: none;
}

.featured-rr {
    border-left: none;
}


.graphic-tl {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}

.graphic-t {
    border-top: 2px solid #000;
}

.graphic-tt {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.graphic-tr {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.graphic-r {
    border-right: 2px solid #000;
}

.graphic-rr {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.graphic-l {
    border-left: 2px solid #000;
}

.graphic-ll {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}

.graphic-bl {
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}

.graphic-b {
    border-bottom: 2px solid #000;
}

.graphic-bb {
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}

.graphic-br {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.error {
    color: #fb1717;
    font-weight: bold;
}

.available-stand:hover {
    cursor: pointer;
}

.phd_sold {
    background: #A7013F;
    color: #fff;
}

.stand-sold {
    background: #991d86;
    color: #fff;
}

.key-icon {
    width: 20px;
    height: 20px;
}

.key-text {
    font-size: 10pt;
}

.popupHeading {
    width: 100%;
    background: #00335A;
    color: white;
    font-weight: bold;
    padding: .3em;
    /*border-top-left-radius: 14px;
    border-top-right-radius: 14px;*/
}

.popupContent {
    padding: 1em;
}

.popupButton {
    background: #A7013F;
    padding: .5em 1.5em;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 10px;
    margin-top: 1em;
    color: #fff;
}

.popupCancelButton {
    background: #333333;
    padding: .5em 1.5em;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 10px;
    margin-top: 1em;
    color: #fff;
}


.popupImage {
    padding: 5px 0px;
    text-align: center;
}

.modalBackground {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popUpCSS {
    min-width: 200px;
    /* min-height:150px; */
    background: white;
    border: 2px solid #3f4d67;
    border-radius: 20px;
    width: 600px;
    text-align: center;
}

.left-field {
    float: left;
    padding-top: 10px;
    width: 200px;
}

.row:before {
    display: inline-block;
}

.row:after {
    display: inline-block;
}

.modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 128px;
        width: 128px;
    }

.stand-blocked {
    background: #454341;
    color: #fff;
}

    .stand-blocked a {
        color: #fff;
    }

.lnk-button {
    color: white;
    font-weight: bold;    
    background: #A7013F;
    padding: 0.5em;
    border-radius: 5px;
}

    .lnk-button:hover {        
        background: #00335A;
        color: white;
    }