﻿@import url('custom-fonts.css');

body {
    margin: 0;
    padding: 0;
    background: rgba(240,240,240,1);
    width: 100%;
}

html.basepage-body {
    height: 100%;
    width: 100%; 
    margin: 0;
    padding: 0;
}

body.basepage-body {
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

#headerline {
    width: 100%;
    background: -webkit-linear-gradient(#1b20bc, #2f3192);
    background: -moz-linear-gradient(#1b20bc, #2f3192);
    background: linear-gradient(#1b20bc, #2f3192);
}

#headerbox { width: 100%; padding-top: .25rem; padding-bottom: .25rem; }
#headerbox-logo { max-height: 100px; }
#headerbox-sales { max-height: 100px; }

#ctlAuthWrapper, #ctlAuthWrapperResponse {
    margin: 1rem auto;
    width: 100%;
    max-width: 720px;
}

#ctlAuthWrapper .btnWrapper {
    max-width: 80%;
    width: 100%;
    margin: 1rem auto;
    text-align: center;
}

nav.navbar { border: none; padding: 0; font-size: 1.3rem; font-variant: small-caps; font-weight: 700; }

.navbar-nav .nav-item 
{
    padding-left: .75rem;
    padding-right: .75rem;
    border-left: 1px solid rgba(255,255,255,0.5);
}


.navbar-toggler 
{
    padding: .25rem 0 !important;
    margin: .25rem !important;
    font-size: 1.5rem !important;
}


.navbar-dark .navbar-toggler 
{ 
    border-color: rgba(255, 255, 255, 0.5) !important; 
}
.navbar-toggler-icon 
{
    width: 2em !important;
    height: 1em !important;
}

ul.navbar-nav {
    border-right: 1px solid rgba(255,255,255,0.5);
}


#contentline { 
    background-color: #fff; 
    padding-bottom: 5rem;
}

#footerline {    
    padding-top: 1rem; 
    padding-bottom: 1rem;    
}


/* BEGIN LAYERSLIDER */

#layerslider .ls-layer p.findEvent {
    background: #efefef;
    color: #121212;
    border-radius: 5px;
    padding: 1rem;
    white-space: normal;
    text-align: center;
    font-size: 28px;
}

#layerslider .ls-layer p.sellTickets {
    color: #fff;
    text-shadow: 1px 1px 1px #212121;
    text-align: left;    
    background: rgba(0, 0, 120, 0.5);
    padding: 1rem;
    border-radius: 5px;
    white-space: normal;
}

#layerslider .ls-layer p.sellSolution {
    background: rgba(0, 104, 164, 0.5);  
    color: #fff;
    text-align: left;
    font-size: 30px;
    color: #fff;
    padding: 1rem;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #212121;
    white-space: normal;
}

#layerslider .ls-layer p.sellSolution a {

}

#layerslider .ls-layer p.sellSolution a:hover {
    color: #2fa4e7;
}


/* END LAYERSLIDER */

/* *****************/
/*                 */
/* CUSTOM CONTROLS */
/*                 */
/* *************** */

.strengthMeter {
    width: 100%;
    border: 1px solid #808080;
    background: #d0d0d0;
    height: 30px;
}

.strengthMeter .inner {
    font-size: 18px; color: #fff; font-weight: 700;
}

.strengthMeter .s0 {
    width: 10%; height: 28px; background: #444444;
}

.strengthMeter .s1 {
    width: 20%;
    height: 28px;
    background: #d60000;
}

.strengthMeter .s2 {
    width: 40%;
    height: 28px;
    background: #d65900;
}

.strengthMeter .s3 {
    width: 60%;
    height: 28px;
    background: #dea300;
}

.strengthMeter .s4 {
    width: 80%;
    height: 28px;
    background: #85ba00;
}

.strengthMeter .s5 {
    width: 100%;
    height: 28px;
    background: #00ad09;
}

.slabtext {
    font-family: montserrat;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 36px;
}

.slabtexted .slabtext {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap
}

.slabtextinactive .slabtext {
    display: inline;
    white-space: normal;
    font-size: 1em !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    *letter-spacing: normal !important;
    *word-spacing: normal !important
}

.slabtextdone .slabtext { display: block }

.text-shadow { text-shadow: 1px 1px 1px #000; }
.text-shadow-white { text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.9); }
.text-shadow-blur { text-shadow: 2px 2px 15px #fff; }

.text-stroke-black { font-weight: 500; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.text-stroke-white { font-weight: 500; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.text-stroke-primary { font-weight: 500; text-shadow: -3px -3px 0 var(--primary), 3px -3px 0 var(--primary), -3px 3px 0 var(--primary), 3px 3px 0 var(--primary); }
.text-stroke-secondary { font-weight: 500; text-shadow: -3px -3px 0 var(--secondary), 3px -3px 0 var(--secondary), -3px 3px 0 var(--secondary), 3px 3px 0 var(--secondary); }
.text-stroke-alternate { font-weight: 500; text-shadow: -3px -3px 0 var(--alternate), 3px -3px 0 var(--alternate), -3px 3px 0 var(--alternate), 3px 3px 0 var(--alternate); }

.shadowbox { -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; }
.shadowbox-bottom { -moz-box-shadow: 0px 2px 4px #000000; -webkit-box-shadow: 0px 2px 4px #000000; box-shadow: 0px 2px 4px #000000; }
.shadowbox-white { -moz-box-shadow: 0px 0px 10px #ffffff; -webkit-box-shadow: 0px 0px 10px #ffffff; box-shadow: 0px 0px 10px #ffffff; }

.text-black { color: #000 !important; }
.text-white { color: #fff !important; }


.text-smaller { font-size: 80%; }
.text-larger { font-size: 120%; }
.text-largest { font-size: 140%; }


.alertbox-custom-danger {
    background: rgba(224, 132, 126, 0.4);
    border: darkred 2px solid;
    border-radius: 3px;
    color: darkred;
    border-radius: 3px;
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding: .5rem;
    text-align: left;
}

.alertbox-custom-warning {
    background: rgba(252, 255, 75, 0.5);
    border: rgb(143, 120, 50) 2px solid;
    border-radius: 3px;
    color: #000;
    border-radius: 3px;
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding: .5rem;
    text-align: left;
}

.alertbox-custom-info {
    background: rgb(211, 221, 239);
    border: navy 2px solid;
    border-radius: 3px;
    color: navy;
    border-radius: 3px;
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding: .5rem;
    text-align: left;
}

.alertbox-custom-lg {
    font-size: 1.4rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.alertbox-custom-third-party {
    border: 3px solid #f00;
    border-radius: 3px;
    color: #000;
    text-align: center;
    padding: 1rem;
    max-width: 90%; 
    margin-left: auto; 
    margin-right: auto;
    font-size: 1.3rem;
}

.barcode-img {
    margin: 2rem 2rem;
    height: 100px;
    max-width: 200px;
    width: auto;
}

.qrcode-img {
    max-height: 225px;
    max-width: 225px;
}

#pnlPreviewWrapper .media-preview-img {
    max-width: 540px;
    width: 100%;
    height: auto;
}

#actFileUpload input[type="file"] {
    padding: .25rem;
    border: 1px dashed #000;
}

.event-details-logo {
    width: 100%;
    height: auto;
    max-width: 480px;
    margin-left: auto; margin-right: auto;
}


/* COMBO ITEM VOUCHER KLUDGE CLASSES */
.comboitem-wrapper {

}

.comboitem-wrapper .comboitem {

}

.comboitem-wrapper .comboitem span.comboitem-title {

}

.comboitem-wrapper .comboitem {
    Border: 3px solid #d30000;
    background: #ff6c6c;
    padding: 1rem;
}

.comboitem-wrapper .comboitem.comboitem-alt {
    Border: 3px solid #fff000;
    background: #ffee54;
}

.comboitem-wrapper .comboitem > p:first-child {
	 font-size: 1rem;	
}

.comboitem-wrapper .comboitem span.comboitem-title {
    font-size: 2rem;
    font-weight: 900;
}

.comboitem-wrapper .comboitem .qrcode-img {
    background-color: #fff;
    margin-bottom: 1rem;
}

.comboitem-wrapper .comboitem .barcode-img {
    background-color: #fff;
}

/* COMBO ITEM VOUCHER KLUDGE CLASSES */

/* QR-CODE SINGLE ITEM VOUCHER KLUDGE CLASSES */
.qritem-wrapper {

}

.qritem-wrapper .qritem {
    margin-top: 1.25rem;
}

.qritem-wrapper .qritem span.qritem-title {
}

.qritem-wrapper .qritem {
    border: 3px solid #24a428;
    background-color: #85de85;
    padding: 1rem;
}

.qritem-wrapper .qritem.qritem-invalid {
    border-color: #d30000 !important;
    background-color: #ff6c6c !important;    
}

.qritem-wrapper .qritem > p:first-child {
    font-size: 1rem;
}

.qritem-wrapper .qritem span.qritem-title {
    font-size: 1.6rem;
    font-weight: 900;
}

.qritem-wrapper .qritem .qrcode-img {
    background-color: #fff;
    margin-bottom: 1rem;
}

.qritem-wrapper .qritem .barcode-img {
    background-color: #fff;
    margin: 1rem;
}

/* COMBO ITEM VOUCHER KLUDGE CLASSES */

/* VOUCHER KLUDE CLASS */
.notes-restrictions-wrapper {
    margin-top: 1.25rem;
}


tr.border-bottom-sm-up {
    border-bottom: 1px solid var(--dark);
}

tr.border-bottom-sm-dowm {
    border-bottom: none;
}

div.header-row div {
    font-weight: bold;
}

div.row.sm-gutters div[class^="col-"] {
    padding-left: .3rem;
    padding-right: .3rem;
}


/* *********************/
/*                     */
/* BOOTSTRAP OVERRIDES */
/*                     */
/* ******************* */

.bs-callout h5 {
    font-weight: 700 !important;
}

form .form-group label:not(.form-check-label, .form-radio-label) {
    font-weight: 700;
}

.form-control-required {
    background-color: rgba(255, 133, 27, .3);
}

.btn.btn-lg {
    margin-bottom: .1875rem;
}

.btn.btn-lg.fas { 
    font-size: 1.65rem; 
}

.btn.btn-grid.btn-sm {
    font-size: 1rem !important;
    line-height: 1 !important;
}


.btn.btn-lg.btn-icon .fas {
    font-size: 1.2rem !important;
}

.btn.btn-sm.btn-grid span.fas.fas-sm {
    font-size: 1rem !important;
}


.btn:not(.disabled):not(.btn-block) {

}

.btn.fas:focus, .btn.fas.focus {
    box-shadow: none;
}

.btn.btnCartAction {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: var(--font-family-titles);
    color: #000;
    width: 50px;
    height: 50px;
    padding: 0;
}

.btn.btnAdminActionRound {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: var(--font-family-monospace);
    color: #000;
    width: 30px;
    height: 30px;
    line-height: 1.2;
    padding: 0 0 0 1px;
}

.btn.btnAdminActionRound:not(:disabled):hover {
    margin-top: 0 !important;
    border-width: 1px !important; 
}

.btn.btnAdminActionRound:disabled:hover {
    border-width: 0px !important;
    margin-top: 0px !important;
}

.btn.btnAdminActionRound:disabled {
    opacity: .5;
    border-width: 0px !important;
}

.btn.btn-secondary[data-dismiss="modal"]:not(.disabled):hover {
    border-bottom-width: 4px;
    margin-top: .25rem;
}

.btn.btn-bottom {
    vertical-align: bottom;
}
/* 
.btn:not(.disabled):hover {
    margin-top: inherit !important;
    border-bottom-width: 4px !important;
}

.btn-block.btn:not(.disabled):hover, .btn-block.btn:not(.disabled):active {
    border-bottom-width: 4px;
    margin-top: inherit;
}

.btn-block + .btn-block {
    margin-top: 1px;
}
*/

.accordion .card-header 
{ 
    padding: 0;
}

.accordion .card-header .btn 
{
    padding: 1.25rem .75rem;
    text-wrap: wrap;
    word-break: normal;
    word-wrap: normal;
}

#adminContent .badge {
    vertical-align:bottom !important;
}

#adminContent .badge-wrapper { 
    line-height: 1; 
    padding-top: .3rem;
}

#adminContent span.fas, span.fas.lg-icon { font-size: 1.6rem; }
#adminContent .alert { padding: .25rem .5rem; font-weight: bold; }
#adminContent .alert ul { margin-bottom: 0; }

#pageContent_main a.btn-lg span.fas, #pageContent_main a.btn-lg span.fab {
    font-size: 1.6rem;
}

#pageContent_main .alert { padding: .25rem .5rem; /* font-weight: bold; */ }
#pageContent_main .alert ul { margin-bottom: 0; }

@media print {
    @page { 
        size: letter; 
    }

    .container {
        width: auto;
    }
}

#navbox .navbar-nav .nav-link {
    padding-top: .75rem;
}

ul {
   padding-left: 2rem; 
}

.text-alt { color: var(--alternate) !important; }

#pnlEventItems .card.border-primary {
    transition: background-color .5s linear;
}

#pnlEventItems .card.border-primary:hover {
    background-color: rgba(0,127,255,0.1);
}

#pnlEventItems strong, #pnlEventItems b {
    font-weight: 700 !important;
}

textarea {
    resize: none !important;
}

.bg-medium {
    background-color: #bbb
}

/* ********************** */
/*                        */
/*  SYNCFUSION OVERRIDES  */
/*                        */
/* ********************** */

.e-grid {
    border-radius: 0 !important;
}

.e-grid .e-sortnumber.e-number {
    display: none !important;
}

.e-grid .e-headercell.e-headercelldiv-dbl > .e-headercelldiv {
    height: auto;
    min-height: 28px;
    line-height: 1.3;
    padding: 0 .7em;
}

/* ***************** */
/* CUSTOM ID CLASSES */
/* ***************** */
#headline_eventName {
    text-transform: uppercase;
    line-height: 1
}

#headline_eventCityState {
    color: var(--primary); 
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1
}

#headline_eventDates {
    color: var(--info);
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1
}

