.demo-section {
    padding-left: 10px;
    margin-bottom: 10px;
    background-color: #f8f9fa;
}

    .demo-section .k-button {
        width: 250px;
    }


.fa-stack[data-count]:after {
    position: absolute;
    right: 0%;
    top: 0%;
    content: attr(data-count);
    font-size: 40%;
    padding: .6em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    color: #DF0000;
    text-align: center;
    min-width: 2em;
    font-weight: bold;
    background: white;
    border-style: solid;
}

.fa-circle {
    color: #DF0000;
}

.red-cart {
    color: #DF0000;
    background: white;
}





/*.k-layer:hover {
        cursor:pointer;
      }*/
/*.k-layer:active {
        cursor:grabbing;
      }*/

path[stroke="#ff0000"] {
    cursor: pointer !important;
}


circle {
    cursor: pointer !important;
}


.k-layer:hover {
    cursor: grab;
}

.k-layer:active {
    cursor: grabbing;
}

#lightbox {
    /*position: absolute;*/
    width: 100%;
    float: left;
    /*top: 0;
            right: 34px;*/
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background: #da2d7d;
    /*overflow: hidden;*/
    font-size: 14px;
    /*line-height: 4px;*/
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

#container1 {
    height: 38px;
    width: 100%;
    /*top: 0;
            position: absolute;*/
}




#dialogSeat {
    padding: 0px;
}

/*#DiagramDiv {
            height: 90%;
            background-color: lightyellow;
        }

        #CartDiv {
            height: 10%;
            background-color: lightblue;
        }*/

#CartListDiv {
    position: absolute;
    z-index: 20;
}



.ttstyle {
    height: 3.2em;
    line-height: 1.6em;
    float: left;
    background-color: none;
    margin: 0px;
    padding: 0px;
}

.ttstyle2 {
    height: 3.2em;
    line-height: 3.2em;
    float: left;
    background-color: none;
    margin: 0px;
    padding: 0px;
}


.k-icon-32 {
    font-size: 32px; /* Sets icon size to 32px */
}

.k-icon-16 {
    font-size: 16px; /* Sets icon size to 32px */
}


.zoomControls {
    position: absolute;
    z-index: 10;
}

.mbottom20 li {
    margin-bottom: 25px;
}

.k-first {
    display: none !important;
}

#grid {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.k-grid-norecords-template {
    padding: 50px !important;
    margin-top: 15px !important;
}

.k-grid-toolbar {
    background-color: transparent !important;
    border-color: transparent !important;
}

#showDialogBtn {
    text-align: center;
    position: absolute;
    white-space: nowrap;
    padding: 1em;
    cursor: pointer;
    margin-top: 30px;
}

.k-toolbar {
    display: none !important;
}




@keyframes burst {
    0% {
        opacity: .6;
    }

    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* FLASHING */
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
    animation: flash 2s ease infinite;
}

    .faa-flash.animated.faa-fast,
    .faa-flash.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-flash.faa-fast {
        animation: flash 1s ease infinite;
    }

    .faa-flash.animated.faa-slow,
    .faa-flash.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-flash.faa-slow {
        animation: flash 3s ease infinite;
    }