/********** SEAT ZONES *********/
.unavailable
{
    background-color: #2e2e2e;
}

.unselected
{
    opacity: 0.4;
}

.default
{
    background-color: #c1ff00;
}

.special
{
    background-color: #0283e7;
}

.zone-0
{
    background-color: #ff9922;
}

.zone-1
{
    background-color: #c071e5;
}

.zone-2
{
    background-color: #ff79b3;
}

.zone-3
{
    background-color: #39f4f7;
}

.zone-4
{
    background-color: #fb4b4d;
}

.zone-5
{
    background-color: #50b3eb;
}

.zone-6
{
    background-color: #ce78a7;
}

.zone-7
{
    background-color: #33ff99;
}

.zone-8
{
    background-color: #f0e630;
}

.zone-9
{
    background-color: #0071b4;
}

.zone-10
{
    background-color: #9900cc;
}

.zone-11
{
    background-color: #993335;
}

.zone-12
{
    background-color: #993335;
}

.zone-13
{
    background-color: #f0e630;
}

.zone-14
{
    background-color: #0071b4;
}

.zone-15
{
    background-color: #33ff99;
}

/********** SHARED *********/
.note-success
{
    background: #00a651;
}

.note-warning
{
    background: #ffae42;
}

.note-danger
{
    background: #ce4420;
}

.note-information
{
    background: #0b93c0;
}

.check-icon, .clock-icon, .concessions-icon, .header-logo, .header, .buy-conc-icon, .location-marker, .logo-image, .loyalty-card, .loyalty-card-front, .movies-icon, .telephone-icon, .theatres-icon, .upcoming-shows, .ui-btn-up-b, #locationImage, .ui-icon-checkbox-on, label.error, .error-icon, #locationImage
{
    background: url(images/sprite.png) no-repeat top left;
    background-size: 340px 1008px; /* Danny. This trick allows us to use the same image for retina displays (@2X) without loosing quality (image pixelation). Screen pixel-density will take care of the rest. */
}

/* error highlight */
input.error
{
    color: #ffaa15;
    border-style: solid;
    border-color: #ffaa15;
}

label.error
{
    color: #888;
    background-position: -40px -94px;
    padding-top: 1px;
}


/********** WEB APP *********/
.navbar-fixed-top .navbar-inner, td.day.active, td.day.active:hover, .modal-header, .ui-dialog-titlebar
{
    background: #ee3d96; /* Old browsers */
    background: -moz-linear-gradient(top, #ee3d96 1%, #ee3d96 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ee3d96), color-stop(100%,#ee3d96)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ee3d96 1%,#ee3d96 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ee3d96 1%,#ee3d96 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ee3d96 1%,#ee3d96 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ee3d96 1%,#ee3d96 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3d96', endColorstr='#2a8b22',GradientType=0 ); /* IE6-9 */
    border: none;
    color: white;
}

    .navbar-fixed-top .navbar-inner a
    {
        color: white;
    }

    .navbar-fixed-top .navbar-inner ul li a:hover
    {
        background-color: black;
    }

    .navbar-fixed-top .navbar-inner ul li.active a
    {
        background-color: gray;
    }

.logo
{
    background: url(images/logo_b2.png) no-repeat;
}

.home-page .carousel-item.active span span
{
    border-bottom-color: #279f2f;
}

.home-page .carousel-item.active
{
    border-color: #279f2f;
}

.scrollContainer ul.pager li a.pagenum.active
{
    border: solid 1px #095FA5;
    background: #279f2f; /* Old browsers */
    background: -moz-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279f2f), color-stop(100%,#2a8b22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #279f2f 0%,#2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #279f2f 0%,#2a8b22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #279f2f 0%,#2a8b22 100%); /* IE10+ */
    background: linear-gradient(to bottom, #279f2f 0%,#2a8b22 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a43538', endColorstr='#87171b',GradientType=0 ); /* IE6-9 */
}

.loyality-item .progress .bar
{
    background: #279f2f;
    background: -moz-linear-gradient(top, #279f2f 1%, #2a8b22 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#279f2f), color-stop(100%,#2a8b22));
    background: -webkit-linear-gradient(top, #279f2f 1%,#2a8b22 100%);
    background: -o-linear-gradient(top, #279f2f 1%,#2a8b22 100%);
    background: -ms-linear-gradient(top, #279f2f 1%,#2a8b22 100%);
    background: linear-gradient(to bottom, #279f2f 1%,#2a8b22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279f2f', endColorstr='#2a8b22',GradientType=0 );
}
.branded-text {
    color: #ee3d96 !important;
}

.btn-danger:hover
{
    background: #bd362f;
}

.btn-danger:active
{
    background: #e5534b;
}

.btn-danger
{
    background: #b32b2b;
    background: -moz-linear-gradient(top, #b32b2b 1%, #900808 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b32b2b), color-stop(100%,#900808));
    background: -webkit-linear-gradient(top, #b32b2b 1%,#900808 100%);
    background: -o-linear-gradient(top, #b32b2b 1%,#900808 100%);
    background: -ms-linear-gradient(top, #b32b2b 1%,#900808 100%);
    background: linear-gradient(to bottom, #b32b2b 1%,#900808 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32b2b', endColorstr='#900808',GradientType=0 );
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a
{
    background: #279f2f; /* Old browsers */
    background: -moz-linear-gradient(top, #279f2f 1%, #2a8b22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#279f2f), color-stop(100%,#2a8b22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #279f2f 1%,#2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #279f2f 1%,#2a8b22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #279f2f 1%,#2a8b22 100%); /* IE10+ */
    background: linear-gradient(to bottom, #279f2f 1%,#2a8b22 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279f2f', endColorstr='#2a8b22',GradientType=0 ); /* IE6-9 */
    border: none;
    color: white;
}

/********** MOBILE APP *********/

/* Global App Header Background */
#header
{
    background: #279f2f;
    background: -webkit-gradient(linear, left top, left bottom, from( #279f2f ), to( #2a8b22 )); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #279f2f, #2a8b22 ); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #279f2f 0%, #2a8b22 100%); /* W3C */
    border-bottom: solid 1px #095FA5; /* Darker Hue of the last stop color to add some shapnes to the seperation between the header and the content*/
}
/* Header Used in Dialogs */
.header
{
    background: #279f2f;
    background: -webkit-gradient(linear, left top, left bottom, from( #279f2f ), to( #2a8b22 )); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #279f2f, #2a8b22 ); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #279f2f 0%, #2a8b22 100%); /* W3C */
    text-align: center;
}
/* Header Buttons */
a[data-theme="app-ios"] .ui-btn-corner-all, .headerButton
{
    background: #279f2f;
    background: -webkit-gradient(linear, left top, left bottom, from( #279f2f ), to( #2a8b22 )); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #279f2f, #2a8b22 ); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #279f2f 0%, #2a8b22 100%); /* W3C */
}

a[data-theme="app-ios"] .ios-tip span
{
    background: #279f2f;
    background: -webkit-gradient(linear, left top, left bottom, from( #279f2f ), to( #2a8b22 )); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #279f2f, #2a8b22 ); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #279f2f 0%, #2a8b22 100%); /* W3C */
}
/* Link Brand Color */
.brandedText, .brandedText a, .brandedText a:link, .brandedText a:visited
{
    color: #279f2f !important;
    font-size: 12px;
    text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

#header #back
{
    background-color: #2e9725 !important; /* Background color of the header back button */
}
/* Loyalty Card Progress Indicator */
.reward-progress
{
    background: #279f2f;
    background: -webkit-gradient(linear, left top, left bottom, from( #279f2f ), to( #2a8b22 )); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #279f2f, #2a8b22 ); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #279f2f 0%, #2a8b22 100%); /* W3C */
}
/*Loyalty Card Reward Plan Container*/
.loyalty-plan-container
{
    border: 2px solid #279f2f;
    -webkit-border-radius: 10px;
    margin-bottom: 10px;
}
/* This class produces a glow effect on the form fields when in focus */
.ui-focus, .ui-btn:focus
{
    -moz-box-shadow: inset 0px 0px 3px #279f2f /*{global-active-background-color}*/, 0px 0px 9px #279f2f /*{global-active-background-color}*/ !important;
    -webkit-box-shadow: inset 0px 0px 3px #279f2f /*{global-active-background-color}*/, 0px 0px 9px #279f2f /*{global-active-background-color}*/ !important;
    box-shadow: inset 0px 0px 3px #279f2f /*{global-active-background-color}*/, 0px 0px 9px #279f2f /*{global-active-background-color}*/ !important;
}
/*Input focus*/
.ui-input-text.ui-focus, .ui-input-search.ui-focus
{
    -moz-box-shadow: 0px 0px 12px #279f2f /*{global-active-background-color}*/ !important;
    -webkit-box-shadow: 0px 0px 12px #279f2f /*{global-active-background-color}*/ !important;
    box-shadow: 0px 0px 12px #279f2f /*{global-active-background-color}*/ !important;
}

/********* Positioning Classes DO NOT CHANGE ***************/
.header-logo /* Used in App Header */
{
    background-position: -104px -130px;
    width: 157px;
    height: 32px;
    display: inline-block;
}

.logo-image /* This is hero image. You can set custom image as the background here */
{
    height: 115px;
    text-align: center;
    width: 100%;
    background-image: url(images/theater.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: #000;
}
/* Home Screen */
.curtains
{
    background-image: url(images/curtains.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #000;
}

.chairs
{
    width: 100%;
    height: 40px;
    background-image: url(images/chairs.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #000;
}

.movies-icon
{
    background-position: -113px -190px;
    width: 90px;
    height: 90px;
    display: inline-block;
}

.theatres-icon
{
    background-position: -8px -190px;
    width: 90px;
    height: 90px;
    display: inline-block;
}

.concessions-icon
{
    background-position: -200px -190px;
    width: 90px;
    height: 90px;
    display: inline-block;
}
/* Other Brand assets */

.check-icon
{
    background-position: 0 -116px;
    width: 18px;
    height: 25px;
}

.clock-icon
{
    background-position: 2px -128px;
    width: 30px;
    height: 30px;
}

.buy-conc-icon
{
    background-position: 0 -159px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.error-icon
{
    background-position: -40px -94px;
    width: 10px;
    height: 13px;
    display: inline-block;
}

.location-marker
{
    background-position: -31px -132px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.loyalty-card
{
    background-position: 0 -610px;
    width: 318px;
    height: 165px;
}

.loyalty-card-front
{
    background-position: 0 -610px;
    width: 280px;
    height: 90px;
}

.telephone-icon
{
    background-position: -26px -93px;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.ui-icon-checkbox-on
{
    background-position: 0 -90px;
    width: 23px;
    height: 23px;
}

.upcoming-shows
{
    background: #279f2f;
    background: -webkit-gradient(linear, left top, left bottom, from( #279f2f ), to( #2a8b22 )); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #279f2f 0%, #2a8b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #279f2f, #2a8b22 ); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #279f2f 0%, #2a8b22 100%); /* W3C */
    border-bottom: solid 1px #095FA5; /* Darker Hue of the last stop color to add some shapnes to the seperation between the header and the content*/
    border: 2px solid #ffffff;
    display: inline-block;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-right: 25px;
}

.title-label
{
    color: #fff;
    font-weight: bold;
    width: 90px;
    height: 30px;
    display: inline-block;
}
/* On Orientation Change */

@media screen and (orientation: landscape)
{
    .logo-image
    {
        display: none;
    }

    .chairs
    {
        display: none;
    }
}

/* Andorid Stuff */

@media only screen and (-webkit-device-pixel-ratio:.75)
{
    /* Put CSS for low density (ldpi) Android layouts in here */
}

@media only screen and (-webkit-device-pixel-ratio:1)
{
    /* Put CSS for medium density (mdpi) Android layouts in here */
}

@media only screen and (-webkit-device-pixel-ratio:1.5)
{
    /* Put CSS for high density (hdpi) Android layouts in here */
    /* Header Buttons */
    a[data-theme="app-ios"] .ui-btn-corner-all, .headerButton
    {
        background: -webkit-linear-gradient(top, #279f2f 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(to bottom, #279f2f 0%, #ffffff 100%); /* W3C */
    }

    a[data-theme="app-ios"] .ios-tip span
    {
        background: -webkit-linear-gradient(top, #279f2f 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(to bottom, #279f2f 0%, #ffffff 100%); /* W3C */
    }
}