@font-face {
	font-family: "Bad Signal";
	src: url("bad_signal.otf") format('opentype');
    font-weight: normal;
}

body {
    background-color: #f49a2e;
    color: #222;
    font-family: 'Ubuntu', sans-serif !important;
}

.main {
    min-height: 600px;
}

#navBar {
    position: relative;
    top: 20px;
}

h1.error, h2.error, h3.error, h4.error, h5.error, h6.error, .darkOrange, .error {
    color: #e03613 !important;
}

ol li {
    margin-left: -20px;
    margin-bottom: 25px;
}

ol.olReg li {
    margin-left: -20px;
    margin-bottom: initial;
}

.lessPadding {
    padding: 0;
}

.lessMargin {
    margin: 0;
}

.icon:hover,
.icon:focus {
    text-decoration: none;
    color: #e03613 !important;
}

.smallFont {
    font-size: 0.8rem !important;
}

.smallerFont {
    font-size: 1rem !important;
}
.biggerFont {
    font-size: 1.2rem !important;
}
.bigFont {
    font-size: 1.4rem !important;
}

hr.gray {
    border-color: #aaa !important;
}

hr {
    border-color: #e03613 !important;
}

hr.lessMargin {
    margin: 5px 0;
}

.divBox a {
    color: #e03613 !important;
}
.divBox a:hover,
.divBox a:focus {
    color: #f49a2e !important;
}

.divBox h1,
.divBox h2,
.divBox h3,
.divBox h4,
.divBox h5,
.divBox h6 {
    color: #e03613 !important;
}

.divBox h1.lightOrange,
.divBox h2.lightOrange,
.divBox h3.lightOrange,
.divBox h4.lightOrange,
.divBox h5.lightOrange,
.divBox h6.lightOrange {
    color: #f49a2e !important;
}

span.pageHeader {
    font-family: "Bad Signal" !important;
    color: #e03613 !important;
    font-size: 6rem;
    text-shadow: 5px 5px 5px #333;
    line-height: 130px;
}

.lightOrange, .link {
    color: #f49a2e;
}

.link:hover,
.link:focus {
    color: #e03613;
    text-decoration: none;;
}

.tableView span.soldOut {
    font-weight: bold;
    color: green !important;
    font-size: 0.8rem;
}

h1.success, h2.success, h3.success, h4.success, h5.success, h6.success {
    color: green;
}
h1, h2, h3, h4, h5, h6 {
    color: #f49a2e;
}

div.brandBar div.col h2 {
    position: relative;
    top: 4px;
}

div.error,
div.success {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
    color: white;
    box-shadow: 3px 3px 3px #000;
}

div.error {
    background-color: #e03613;
}
div.success {
    background-color: green;
}

div.brandBar {
    background-color: #ffa600;
    height: 50px;
    box-shadow: 0px 0px 3px 1px #fff;
}

div.contentDiv {
    height: calc(100vh - 50px);
}

div.bodyColumn {
    padding-top: 15px;
}

div.bodyColumn {
    background-color: #fff;
    color: #222 !important;
}

div.requestMessagesDiv {
    margin: 15px !important;
}

div.brandBar a.fas.fa-user {
    position: relative;
    top :8px;
    font-size: 2em;
    color: white;
}

div.brandBar a.fas.fa-user:hover,
div.brandBar a.fas.fa-user:focus {
    color: rgb(255, 0, 0);
}

.searchEvents {
    border: 0;
    border-bottom: 1px solid #000;
    width: 100%
}

ul {
    margin-block-end: 0;
}

img {
    border-radius: 8px;
    /* box-shadow: 8px 8px 8px #222; */
}

h2.webLink {
    color: #fff !important;
}

.totalPrice {
    font-weight: bold;
}

a.eventLink {
    color: #f49a2e !important;
}

.navbar.navbar-expand-lg.navbar-dark {
    background-color: #f49a2e;
    background-image: url(/images/navbar_bg.png);
    background-size: cover;
}

.navbar-dark .navbar-nav .nav-link {
    color: #634115 !important;
    font-weight: bold;
    font-size: 1.2rem !important;
}

.headerLogo {
    height: 80px;
    width: auto;
    border-radius: 0;
    border: none;
    box-shadow: initial;
}

.navbar {
    z-index: 99;
    box-shadow: 0 0 4px 4px #333;
}

.stretch {
    width: 100%;
    /*height: 115vh;*/
}

.navbar-collapse.collapse.show {

    color: #fff;
}

li.nav-item a {
    font-size: 1.4em !important;
}

.card {
    background-color: #f49a2e;
    border: 0;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 5px #222;
}
.card a {
    color: #222 !important;
}

.card:hover a,
.card:focus a {
    text-decoration: none;
    border-radius: 20px;
    box-shadow: 0 0 10px 5px #333;
}

.cardEventLabel {
    text-align: center;
    font-size: bold;
    border: 6px solid #e03613;
    border-radius: 20px 20px 0 0;
    background-color: #222;
    font-size: 1.2rem;
    font-weight: bold;
    color: #f49a2e;
    padding: 15px;
}

.cardEventDate {
    border-left: 6px solid #e03613;
    border-right: 6px solid #e03613;
    border-bottom: 6px solid #e03613;
    padding: 15px;
    background-color: #222;
    color: #f49a2e;
    font-size: 1.2rem;
    font-weight: bold;
}

.cardEventMainImage {
    border: 6px solid #e03613;
    border-top: 0;
    background-color: #222;
    height: auto;
}

.cardEventMainImage img {
    height: auto;
    max-height: 250px;
    border-radius: 0;
    box-shadow: initial !important;
}

.cardEventDescription {
    position: relative;
    height: 240px;
    word-wrap: break-word;
    overflow: hidden;
    border-left: 6px solid #e03613;
    border-right: 6px solid #e03613;
    border-top: 0;
    border-bottom: 0;
    background-color: #222;
    color: #f49a2e;
    padding: 15px;
}

.cardEventDescriptionView {
    position: relative;
    word-wrap: break-word;
    overflow: hidden;
    border: 6px solid #e03613;
    border-radius: 20px;
    background-color: #222;
    color: #f49a2e;
    padding: 25px;
}

.readMore {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.cardEventAddress {
    border-left: 6px solid #e03613;
    border-right: 6px solid #e03613;
    padding: 15px;
    background-color: #222;
    color: #e03613;
    font-size: 1.2rem;
    font-weight: bold;
}

.cardEventPrice {
    font-size: 1.6rem;
    font-weight: bold;
    border: 6px solid #e03613;
    border-top: 0;
    border-radius: 0 0 20px 20px;
    background-color: #222;
    padding: 15px;
    color: #f49a2e;
}

.cardEventDate {
    text-align: center;
}

.cardEventAddress {
    text-align: center;
}

.eventBuyTicket {
    border: 6px solid #e03613;
    border-radius: 20px;
    padding: 15px;
    background-color: #222;
    color: white;
}

.buyTicketView, .editMyEvent, .cardEventViewLabel, .tableView, .divBox {
    border: 6px solid #e03613;
    border-radius: 20px;
    padding: 25px;
    background-color: #222;
    color: #f49a2e;
    box-shadow: 8px 8px 8px  #222;
}

div.eventDivBox {
    padding: 10px;
    border: 6px solid #e03613;
    border-radius: 20px;
    background-color: #222;
    margin-bottom: 25px;
    box-shadow: 8px 8px 8px  #222;
}

.buyTicketView h1, .editMyEvent h1, .cardEventViewLabel h1, .tableView h1, .divBox h1 {
    text-align: center;
}

.tableView {
    background-color: #222;
    color: #222;
}

.tableView label,
.tableView input,
.tableView .dataTables_info {
    color: white !important;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate,
.dataTables_paginate a#DataTables_Table_0_previous,
.dataTables_paginate a#DataTables_Table_0_next,
.dataTables_paginate a#DataTables_Table_1_previous,
.dataTables_paginate a#DataTables_Table_1_next,
.dataTables_paginate a#DataTables_Table_2_previous,
.dataTables_paginate a#DataTables_Table_2_next
{
    color: #f49a2e !important;
}

.home {
    color: #e03613;
}

.footer, .footerMobile {
    padding: 25px;
    min-height: 50px;
    color: #e03613;
    background-color: #222;
    border-top: 8px solid #e03613;
    border-bottom: 8px solid #e03613;
}

.footerMobile {
    max-height: 1000px;
}

.footer {
    position: relative;
}

.main {
    margin-bottom: 50px;
}

.allEventsBtn {
    background-color: initial !important;
    border-color:#e03613 !important;
    color:#e03613 !important;
}

.allEventsBtn:hover,
.allEventsBtn:focus {
    background-color: #e03613 !important;
    border-color:#e03613;
    color:#f49a2e !important;
}

th.sorting {
    color: #e03613 !important;
}

.footer a, .footerMobile a {
    color: #f49a2e !important;
}

#noTrackingCookies {
    position: fixed;
    bottom: 50px;
    right: 25px;
    z-index: 101;
    display: none;
}

#noTrackingCookies .divBox {
    box-shadow: 0 0 10px 5px #e03613;
    border: 6px solid #f49a2e !important;
}

.btn.seachButton {
    border: 0 !important;
}

.btn i.searchButtonI {
    background-color: transparent !important;
    color: #f49a2e !important;
    text-shadow: 1px 1px 1px #e03613;
}

.btn i.searchButtonI:hover,
.btn i.searchButtonI:focus {
    color: #f49a2e !important;
    text-shadow: none;
}

ul.rightMenu {
    margin-left: -40px;
    position: relative;
    top: 15px;
    list-style-type: none;
}

a.fas.fa-user {
    color: #f49a2e;
    text-shadow: 2px 2px 2px #222;
}

a.fas.fa-user:hover,
a.fas.fa-user:focus {
    color: #e03613;
    text-shadow: none !important;
}

.eventImageBig, .divShadow {
    box-shadow: 8px 8px 8px  #222;
    border-radius: 20px;
}

.eventImage img.divBox {
    padding: 10px !important;
    border-radius: 20px !important;
}

li.nav-item a.nav-link.active {
    color:#f49a2e !important;
    text-shadow: 2px 2px 2px  #222;
}

.popup, .dataPopup {
	background-color:rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 98;
}

.dataPopupContent {
    color: white;
    width: 80vw;
    margin: 0 auto;
    margin-top: 300px;
}


.fa.fa-window-close {
	cursor: pointer;
	font-size: 2.2em;
}

.popupImgContainer img {
    padding: 15px;
	border: 6px solid #e03613;
    max-width: 80%;
	max-height: 70vh;
    border-radius: 20px;
}

.popupCloseButton {
	position: fixed;
	top: 150px;
	right: 10vw;
	color: red;
	z-index: 99
}

.navbarSearch {
    width: 85%;
    float: left;
    border: 0;
}

.navbarSearch:hover,
.navbarSearch:focus {
    border: 2px solid #e03613;
    box-shadow: 3px 3px 3px #222 !important;
}

.soldOutRow {
    background-color: lightgreen !important;
}

.btn-card {
    position: relative;
    z-index: 98;
    background-color: initial;
    color: #e03613;
    border: 2px solid #f49a2e;
}

.btn-card.noBorder {
    border: 0;
}

.btn-card:hover,
.btn-card:focus {
    background-color: #e03613;
    color: #f49a2e;
}

.eventSoon {
    font-size: 1rem;
    border: 2px solid #f49a2e;
}

.unEvenBox,
.evenBox {
    padding: 15px;
    border-radius: 8px;
    font-weight: bold;
}
.evenBox {
    background-color: #e03613;
    color: #f49a2e;
}

.evenBox .btn-card {
    color: #f49a2e;
}

.evenBox .btn-card:hover,
.evenBox .btn-card:focus {
    color: #e03613;
    background-color: #f49a2e;
}

.unEvenBox {
    background-color: #f49a2e;
    color: #e03613;
}

.unEvenBox .btn-card {
    border: 1px solid #e03613;
}

a.eventLink img {
    box-shadow: 6px 6px 4px #333;
}

.evenBox a.eventLink {
    text-decoration: none;
}

.unEvenBox a.eventLink {
    color: #e03613 !important;
    text-decoration: none;
}

.evenBox img,
.unEvenBox img {
    max-height: 100px !important;
}

.nbSearch {
    width: 400px;
    float: right
}

.cardPrice {
    position: absolute;
    bottom: 24px;
    right: 10px;
}

a.eventLink:hover,
a.eventLink:focus {
    text-decoration: none !important;
}

a.eventLink div.unEvenBox:hover,
a.eventLink div.unEvenBox:focus {
    box-shadow: 0 0 6px 6px #e03613 !important;
}

a.eventLink div.evenBox:hover,
a.eventLink div.evenBox:focus {
    box-shadow: 0 0 6px 6px #f49a2e !important;
}

.mBottom15 {
    margin-bottom: 15px;
}

#company_nameDiv {
    display: none;
}

.btn.btn-card.hover {
    background-color: #e03613 !important;
    color: #f49a2e !important;
    font-weight: bold;
}

a.darkOrange {
    color:#e03613 !important;
}

a.darkOrange:hover,
a.darkOrange:focus {
    color: #f49a2e !important;
}

.divBoxIn {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 6px solid #e03613;
    background-color: #f49a2e !important;
    color: #e03613;
    min-height: 250px;
    box-shadow: 0 0 8px 4px #e03613;
    text-align: center;
    font-weight: bold;
}

.divBoxIn .merchantLabel{
    padding: 50px 0 0;
    text-align: center;
    font-size: 2rem;;
}

.divBoxIn .merchantPackage {
    margin-top: 50px;
    height: 250px;
}

.divBoxIn .toRegister .btn-card {
    border-color: #e03613 !important;
    font-weight: bold !important;
}

.divBoxIn:hover,
.divBoxIn:focus {
    box-shadow: 0 0 8px 4px #f49a2e;
}

a.link {
 color: #e03613 !important;
}

a.link:hover,
a.link:focus {
    color: #f49a2e !important;
}

.accountFoundDiv, #selectEvent {
    display: none;
}

.p-FieldLabel {
    color: #e03613 !important;
}

.hiddenTr.hide {
    display: none;
}

.hiddenTr.show {
    display: table-row;
}

.fa.fa-address-card-o {
    color: #e03613;
    cursor: pointer;
}

.fa.fa-address-card-o:hover,
.fa.fa-address-card-o:focus {
    color: green;
}

.icon {
    cursor: pointer;
}

ul.adminMenu
{
    list-style-type: none;
    margin-left: -40px;
}

ul.adminMenu li a.link.selected {
    color: #f49a2e !important;
}

td.blockedEvent {
    background-color: #e03613 !important;
    color: white;
}

tr.promotorRow, tr.blockedRow {
    background-color: #f1d3ae !important;
}

li.nav-item a.dropdown-item {
    font-size: .9rem !important;
}

#flm .divBox {
    padding: 5px 25px;
    text-align: center;
    border: 3px solid #e03613;
}

.cardImg {
    height: 200px;
}

a .divBox {
    color: #f49a2e !important;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

a .divBox:hover {
    box-shadow: none !important;
    border: 6px solid #ff0000;
}

.cardDate {
    color: #ff0000 !important;
}

pre {
    color: #ff0000 !important;
}

.popup {
    background-color:rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 98;
}

img.lgImg {
    cursor: pointer;
}

.menuItem.selected {
    background-color: #e03613 !important;
    color: #fff;
}

.swappedTicket {
    background-color: #f49a2e;
    color: #222 !important;
}

span.relative.inline-flex.items-center.px-4.py-2.text-sm,
a.relative.inline-flex.items-center.px-4.py-2.text-sm {
    margin: 25px;
    border-radius: 8px;
    border: 2px solid #222 !important;

}

span.relative.inline-flex.items-center.px-4.py-2.text-sm {
    background-color: #f49a2e !important;
}

a.relative.inline-flex.items-center.px-4.py-2.text-sm {
    background-color: #e03613 !important;
    color: #fff;
}

span.relative.inline-flex.items-center.px-4.py-2.text-sm:hover,
span.relative.inline-flex.items-center.px-4.py-2.text-sm:focus,
a.relative.inline-flex.items-center.px-4.py-2.text-sm:hover,
a.relative.inline-flex.items-center.px-4.py-2.text-sm:focus {
    background-color: #f49a2e !important;
    color: #222;
}

@media screen and (min-width: 640px) {
    li.nav-item a {
        position: relative;
        /* top: 24px; */
    }

    .cardEventMainImage {
        height: 260px;
    }

    .cardEventMainImage img {
        max-height: 251px;
    }
}

@media screen and (max-width: 640px) {

    .main {
        min-height: 100px;
    }

    span.pageHeader {
        font-size: 4.5rem !important;
        line-height: 55px;
    }

    #noTrackingCookies {
        left: 25px !important;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media screen and (min-width: 1600px) {
    .navbar-dark .navbar-nav .nav-link {
        /* font-size: 1.4rem !important; */
    }
}

@media screen and (max-width: 1475px) {
    .navbar-dark .navbar-nav .nav-link {
        /* font-size: 1.3rem !important; */
    }
}
@media screen and (max-width: 1375px) {
    .navbar-dark .navbar-nav .nav-link {
        /* font-size: 1.2rem !important; */
    }
}
@media screen and (max-width: 1310px) {
    .navbar-dark .navbar-nav .nav-link {
        /* font-size: 1rem !important; */
    }
}