/*

* Override Pages default styles or create your own styles here

*/

.perc-holder {
    border: solid 2px #eee;
    width: 100%;
    background: #eee;
    margin-bottom: 6px;
}

.perc-stick {
    height: 9px;
    background: #fa683e;
}

.nvtooltip h3 {
    font-size: 16px !important;
    padding: 10px 15px;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    max-height: 25px;
}

.form-group-default.datepickerholder {
	overflow: visible;
}

.shows-ticket {
	padding-left: 25px;
	padding-right: 25px;
}

.event-title {
    font-size: 18px;
    font-weight: bold;
}

.login-wrapper {
    height: 100%;
    background-color: #ffffff;
}

.login-wrapper .bg-pic > img {
    width: 100%;
    height: auto;
    opacity: 0.8;
}

#vue-tickets {
    width: 100%;
    /* display: table; */
}

.ticket-holder {
    /* display: table-row; */
    font-size: 1.1em;
    padding: 10px;
    border: solid 1px #ededed;
}

.ticket-holder span {
    /* display: table-cell; */
}

#scanner video {
    margin: 0 auto;
    display: block;
}

@keyframes blinkred {
    50% {
        border-color: #ff0000;
    }
}

@keyframes blinkgreen {
    50% {
        background-color: #00ff1ca1;
    }
}

#scanner video,
#scanner,
#scanner:before {
    /*or other element you want*/
    /* border: solid 5px #fff; */
    animation-duration: .75s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    max-width: 100%;
    background-color: #00ff1c00;
}

#scanner:before {
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

#scanner {
    position: relative;
}

#scanner.red:before {
    background-color: #ff0000a1;
}

#scanner.green:before {
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    /*     animation-name: blinkgreen; */
    background-color: #00ff1ca1;
    /* background: #ffffff; */
    /* height: 100%; */
    /* width: 100%; */
}

.irf-show-tickets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.irf-show-tickets .checkbox {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.irf-show-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

.in-cart { 
	color: #cc0202;
	display: block;
	font-weight: bold;
	font-size: 13px;
}