/* user specific stylesheets */

/* sets main ticket image */
.bgBlockMain {
    background: url('../images/bg_screen.png') no-repeat;
    height: 390px;
    width: 462px;
}

/* main ticket image for computer */
#ticketInfo .bgBlockMain {
    margin-top: 37px;
    float: right;
    background-size: contain;
}

/* sets highlight div for ticket row field */
.bgBlockMain .input_row {
    height: 30px;
    left: 213px;
    top: 191px;
    width: 107px;
}

/* sets highlight div for ticket seat field */
.bgBlockMain .input_seat {
    height: 30px;
    right: 27px;
    top: 191px;
    width: 107px;
}

/* sets highlight div for ticket section field */
.bgBlockMain .input_section {
    height: 30px;
    left: 15px;
    top: 191px;
    width: 188px;
}

/* sets highlight div for ticket ticket number field */
.bgBlockMain .input_ticketNumber {
    bottom: 29px;
    height: 78px;
    left: 15px;
    width: 420px;
}

/* main ticket image and fields for mobile */
@media screen and (max-width: 767px) {
    #hintModal .bgBlockMain {
        background-size: 268px;
        height: 226px;
        width: 269px;
    }

    #hintModal .bgBlockMain .input_row {
        height: 17px;
        left: 123px;
        top: 111px;
        width: 63px;
    }
    
    #hintModal .bgBlockMain .input_seat {
        height: 17px;
        left: 191px;
        top: 111px;
        width: 61px;
    }

    #hintModal .bgBlockMain .input_section {
        height: 17px;
        left: 9px;
        top: 111px;
        width: 109px;
    }

    #hintModal .bgBlockMain .input_ticketNumber {
        top: 164px;
        height: 46px;
        left: 9px;
        width: 243px;
    }
}

/* main ticket image and fields for tablet */
@media screen and (max-width: 991px) {
    #hintModal .bgBlockMain {
    }

    
    #hintModal .bgBlockMain .input_row {       
    }


    #hintModal .bgBlockMain .input_seat {      
    }

   
    #hintModal .bgBlockMain .input_section {       
    }


    #hintModal .bgBlockMain .input_ticketNumber {      
    }
}