.row-label-text {
    position:absolute;
    top:0;
    left:0;
    right:0;
    text-align:center;
    font-size: 14px;
    color: #6f6f6f;
    font-weight: bold;
}
.cm-seat {
    display:inline-block;
    border:solid 1px #fff;
    font-size:0;
    width:20px;
    height:20px;
    /*background:url(../images/seat-25996405e6df29b01de01aea8283e7eb.png) no-repeat top left;
    background-size:20px 20px;*/
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin: 2px -0.2px;
    float: none;

}

.seat-inner {
    position:relative;
    font-size:10px;
    line-height:22px
}

.seat-active {
    cursor:pointer;
    box-shadow: 0 2px #858585;
    border-radius: 3px; 
    border: none;
}

.Verde {
    background-color:#6cb16f;
}
.Celeste {
    background-color:#68d0fc;
}
.Amarillo {
    background-color:#ffa800;
}
/*
.GOLDEN {
    background-color: rgba(86, 3, 156, 0.7);
}
.PLATINUM {
    background-color: rgba(233, 82, 0, 0.7);
}
.VIP {
    background-color: rgba(199, 152, 74, 0.7);
}
.SOCIO {
    background-color: rgba(199, 152, 74, 0.7);
}*/


.seat-selected {
    background-color:red;
}

.seat-special {
   /* background-image:url(../images/dis_icon-f4ac4bfd918727a44bdf414ced92d873.png);*/
    background-color:#1B6A13
}

.seat-special-selected {
    /*background-image:url(../images/dis_icon-f4ac4bfd918727a44bdf414ced92d873.png);*/
    background-color:#ca0814
}

.area_2 {
    background-color:#E7D8B0
}

.area_2.seat-selected {
    background-color:#FFB800
}

.seat-booked {
    background-color:#b7b8b6;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px #858585;
    border-radius: 3px; 
    border: none;
}
.seat-booked-online {
    background-color:#3c763d;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px #858585;
    border-radius: 3px; 
    border: none;
}

.seat-booked-sge {
    background-color:#5888a0;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px #858585;
    border-radius: 3px; 
    border: none;
}

.seat-booked-reserved {
    background-color: darkmagenta;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px darkmagenta;
    border-radius: 3px; 
    border: 1px solid darkmagenta;
}

.seat-booked-error {
    background-color:red;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px red;
    border-radius: 3px; 
    border: 1px solid red;
}
.seat-booked-cortesia-a {
    background-color:#333;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px #333;
    border-radius: 3px; 
    border: 1px solid #333;
}
.seat-booked-cortesia-e {
    background-color:#858585;
    cursor:pointer;
    /*pointer-events:none;*/
    box-shadow: 0 2px #858585;
    border-radius: 3px; 
    border: 1px solid #858585;
}


.seat-broken {
    background-color:#FFF;
    cursor:auto;
    /*pointer-events:none;*/
}




.cm-arrow {
    display:inline-block;
    position:absolute;
   /* background:url(../images/arrow-b4a817ff6348569cb1aba02ff0f22cce.png) no-repeat;
    background-size:23px 100px;*/
    width:23px;
    height:100px;
    pointer-events:none
}

.cm-arrow.arrow-0 {
    top:64px;
    left:23px
}

.cm-arrow.arrow-1 {
    top:64px;
    right:23px
}

.cm-arrow.arrow-2 {
    bottom:50px;
    left:23px
}

.cm-arrow.arrow-3 {
    bottom:50px;
    right:23px
}


.cm-legend {
    display:inline-block;
    font-size:14px;
}

.cm-legend .legend-item {
    margin-right:30px;
    float:left
}
.cm-legend .legend-item p{
    float: left;
    margin: 5px !important;
    line-height: 1.1vw;
    font-size: 1vw;
}

.cm-legend .legend-item .legend-item-seat {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius: 5px;
    float: left;
    box-shadow: 0 2px #858585;
}

.cm-legend .legend-item .legend-item-seat.selected {
    background-color: #ffa800;
    box-shadow: 0 2px #858585;
}

.cm-legend .legend-item .legend-item-seat.special {
    background-color:#1B6A13
}

.cm-legend .legend-item .legend-item-seat.special-selected {
    background-color:#ca0814
}

.cm-legend .legend-item .legend-item-seat.booked {
    background-color:#b5b5b5;
    box-shadow: 0 2px #858585;
}

.cm-legend .legend-item .legend-item-seat.broken {
    background-color:#FFF
}

.cm-legend .legend-item .legend-item-seat.dbox {
    background-color:#E7D8B0
}

.cm-legend .legend-item .legend-item-seat.dbox.selected {
    background-color:#FFB800
}

.cm-msn {
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:50px
}

.cm-msn.active {
    display:block
}

.cm-msn .cm-msn-inner {
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    color:#fff
}

.cm-msn .cm-msn-inner .cm-msn-body {
    padding:15px;
    border-radius:5px 5px 5px 5px;
    border-bottom:0;
    background:#FF6700
}

.cm-msn .cm-msn-inner .cm-msn-bottom {
    background:#92071f;
    min-height:30px;
    padding:10px;
    border-radius:0 0 5px 5px;
    border:solid 1px #750014
}

.cm-room {
    width:100%;
    text-align:center
}

.cm-app-holder {
    margin-bottom:15px;
    /*overflow-y:hidden;
    overflow-x:auto;*/
    background-color: #fff;
    width: 100%;
    text-align: center;
    /*min-width: 1000px;*/
    position: relative;
}

.CM-APP {
    display:inline-block;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    /*position: absolute;
    left: 0;*/
}
.rows
 {
    margin:0;
    padding:0;
    line-height:0;
    display: block;
    float: none;
    min-width: 1000px;
}

.cm-screen {
    padding:15px 50px
}

.cm-screen-inner {
    background:#333;
    border-radius:0 0 15px 15px;
    color:#ddd;
    text-align:center
}

.not-active {
   pointer-events: none;
   cursor: default;
}

    #black-portrait
    {
        display: none;
    }

@media screen and (max-width: 1366px) {
    
    .cm-legend .legend-item p {
        font-size: 0.8vw;
    }
}
@media screen and (max-width: 900px) {
    

    .cm-legend {
        display:inline-block;
        font-size:14px;
    }

    .cm-legend .legend-item p {
        font-size: 13px;
    }
    .CM-APP
    {
        width: 700px;
    }
}

@media only screen and (max-width: 900px) and (orientation: landscape) {
    .cm-app-holder
    {
        display: block;
        white-space: nowrap;
        width: inherit;
    }

    #black-portrait
    {
        display: none;
    }
    .cm-app-holder {
       /* max-width: 872px;*/
    }
}
@media only screen and (max-width: 900px) and (orientation: portrait) {

    #black-portrait
    {
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.77);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        font-size: 10vw;
        color: #FFF;
        padding: 40% 0 0 0;
        display: block;
    }
}