body {
    font-family: Verdana;
    font-size: 14px !important;
    overflow-y: hidden;
    height: 100%;
    background: #FFFFFF;
    -webkit-text-size-adjust:none;
}

.logoHeader {
    width: 25%;
    float: left;
    text-align: left;
}

.logoLeftTop {
    height: 50px;
    margin-top: 4px;
}

.logoMiddle {
    width: 45%;
    float: left;
}

.topBarClubLogo {
    margin-top: 4px;
    width: 30%;
    overflow: hidden;
    text-align: right;
}

.header-menu {
    float: right;
}

.header-search {
    float: right;
}

.header-login-box {
    float: right;
    padding-top: 14px;
}

.fixed-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 40px;
    padding-bottom: 10px;
}

.clientIcon {
    float: right;
    margin-left: 10px;
}

.panel-nohisto {
}

.panel-heading-nohisto {
    color: white !important;
    border-radius: 30px 30px 0 0;
}

.personalEventName {
    color: white;
    font-size: 1.2em;
    height: 40px;
}

.personalTicketName {
    color: #2D353D;
    font-size: 1.1em;
}

.personalTicketRowSeat {
    font-weight: bold;
}

.personalEventDate {
    border-bottom: 1px solid #474D56;
    padding-bottom: 10px;
}

.ticketEventTicket {
    padding: 4px;
    margin-bottom: 8px;
    border-bottom: 1px solid #474D56;
    background: ghostwhite;
}

.personalTicketDate {
}

.personalTicketLine {
    color: #2D353D;
}

.personalTicketSite {
}

.ticketEventTicketsBox {
}

.personalTicketShow {
    cursor: pointer;
}

.showTicketPreview {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid #6B7177;
    padding: 8px 4px 20px;
    background: white;
    color: #2A364A;
    border-radius: 4px;
}

.showPersonalTicket {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid #6B7177;
    padding: 8px 4px 20px;
    background: white;
    color: #2A364A;
    border-radius: 4px;
}

.showTicketUserName {
    font-weight: bold;
    font-size: 1.2em;
}

.showEventName {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.showTicketTimes {
    font-size: 0.8em;
    text-align: center;
}

.showTicketName {
    font-size: 1.2em;
    font-weight: bold;
}

.showTicketLine {
}

.showTicketQrCode {
}

.showTicketQrCodeImg {
    width: 96%;
    margin-left: 2%;
}

.ticketItemHeader {
    border-bottom: 1px solid #414750;
}

.box-extra-ticket {
    border: 1px solid #535D66;
    background: #3D444C;
}

.event-card-box {
    padding-bottom: 0px;
}

.showLocationDateTickets {
    cursor: pointer;
}

.detailEventHeader {
    border-bottom: 1px solid silver;
    padding-bottom: 5px;
}

.detailEventName {
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    color: white;
    height: 60px;
    vertical-align: middle;
}

.detailEventLogo {
    height: 60px;
    padding: 4px;
    margin: 4px;
}

.eventLogo {
    max-width: 100%;
    max-height: 60px;
    box-shadow: 2px 2px 5px #21262B;
}

.ticketEventLogo {
    max-width: 100%;
    max-height: 150px;
    margin-bottom: 10px;
}

.ticketName {
    font-size: 1.2em;
    font-weight: bold;
}

.nohisto-background {
    background: url(../css/media/Background.png) center / cover repeat rgba(219, 131, 131, 0) !important;
}

.passportSample {
    max-width: 98%;
}

.registerInput {
}

.topBarClubMemberName {
    text-align: center;
    font-size: 1.1em;
}

.topBarClubName {
    text-align: center;
}

.commercial-header {
    position: relative;
    top: 1px;
    height: 50px;
    border: 1px solid black;
    width: 100%;
    text-align: center;
}

.commercial-header-text {
    float: left;
}

.bal-sponsor {
}

.bal-sponsor img {
    height: 30px;
}

.club-top-bar {
    font-size: 1.2em;
    height: 58px;
}

.club-header-name {
    color: black;
    margin-top: 2px;
}

.club-header-member-name {
    margin-top: 5px;
}

.club-container {
}

.club-container-item {
}

.club-footer-menu {
    box-shadow: 5px 1px 20px #9C9A9A;
}

.club-container-matches {
}

.club-container-faces {
}

.club-container-personal {
}

.club-container-login {
}

.club-container-landing {
}

.clubLogoAppBig img {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.containerLandingItems {
    text-align: center;
    font-size: 1.2em;
}

.landingContentMonthSponsor {
    text-align: center;
    line-height: 2em;
}

.sponsorTypeBig {
    font-size: 1.4em;
}

.menuButtonClub {
    font-size: 1em;
    cursor: pointer;
    color: white;
}

.menuButtonSelected {
    text-decoration: underline;
    font-size: 1.2em;
}

.detailsMatchName {
    font-size: 16px !important;
}

.detailsMatchScore {
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
}

.matchSponsorBox {
    text-align: center;
    margin-top: 10px;
}

.matchSponsorLine {
    width: 100%;
    text-align: left;
}

.matchSponsorBall {
}

.matchSponsorBall img {
    height: 30px;
}

.matchSponsorText {
    font-size: 1.2em;
}

.match-select {
    border-bottom: 1px solid;
}

.matchTicketLink {
    height: 36px;
    width: 54px;
    float: right;
    background: url("media/ticketSmall.png") center / cover no-repeat #E53434;
}

.matchTicketLinkTickets {
    position: relative;
    top: -20px;
    left: 30px;
    font-size: 30px;
    font-weight: bold;
}

.matchReserved {
    background: url("media/people.png") center / contain no-repeat white;
    width: 54px;
    height: 36px;
}

.matchReservedNumber {
    position: relative;
    top: -20px;
    left: 30px;
    font-size: 30px;
    font-weight: bold;
}

.matchMessageBoxPlaced {
}

.matchMessage {
}

.clubFacePageItem {
    border-bottom: 1px solid;
}

.clubFacePageItemDetails {
    border-bottom: 1px solid;
}

.faceAvatar img {
    width: 40px;
}

.iconFacePage {
    float: right;
    margin-right: 10px;
    font-size: 1.5em;
}

.faceMemberName {
    font-size: 1.2em;
}

.faceCompany {
    font-size: 1em;
}

.faceGsm {
}

.faceEmail {
}

.faceCompnayWebsite {
}

.faceInfo {
}

.profileAvatar {
}

.profileAvatar img {
    width: 80px;
}

.profileAvatarUpload {
    overflow: hidden;
    font-size: 12px !important;
    color: black;
}

.profileMemberSince {
    color: black;
    margin-left: 10px;
}

.profileNumberOfTickets {
    color: black;
    margin-left: 10px;
}

.silver {
    color: silver;
}

.addressBar {
    position: relative;
    width: 100%;
    top: 0px;
    padding-left: 16px;
    z-index: 100;
    height: 34px;
    padding-top: 5px;
    color: black;
    /*
    background: white;
    box-shadow: 1px 5px 8px #3F3434;
     */
}

.cards-list {
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.card {
    margin: 10px auto;
    width: 100%;
    min-height: 100px;
    padding: 8px;
    border-radius: 10px;
    box-shadow: -3px -3px 10px -5px rgba(0, 0, 0, 0.25), -5px -5px 10px 5px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: 0.4s;
}

.card .card_image {
    width: inherit;
    height: inherit;
    border-radius: 40px;
}

.card .card_image img {
    width: inherit;
    height: inherit;
    border-radius: 40px;
    object-fit: cover;
}

.card .card_title {
    text-align: center;
    border-radius: 0px 0px 40px 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin-top: -80px;
    height: 40px;
}

.card:hover {
    transform: scale(0.9, 0.9);
    box-shadow: 3px 3px 10px 10px rgba(0, 0, 0, 0.25), -5px -5px 30px 15px rgba(0, 0, 0, 0.22);
}

.title-white {
    color: white;
}

.title-black {
    color: black;
}

.showPointer {
    cursor: pointer;
}

.showTimeActive {
    font-size: 24px;
}

.showDayActive {
    font-size: 32px;
}

.borderTop {
    border-top: 1px solid #FFCD07;
    padding-top: 15px;
}

.btn-yellow {
    background-color: #FFCD07 !important;
    color: #000000 !important;
    border: #FFCD07 1px solid !important;
}

.sponsorBar {
    background: url(media/abnamro-left.png);
    margin-top: -20px;
}

.sponsorBarLGBT {
    background: url(media/rainbow.png);
    background-size: contain;
    margin-top: -20px;
    height: 120px;
}


.sponsorLogoSchool {
    height: 100px;
}

.sponsorLogoSchool img {
    height: 100px;
}

.sponsorBarSchool {
    background: url(media/schoolBar.png) 0 0 / contain;
    height: 100px;
    margin-top: -20px;
}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
    top: 1.2rem;
    width: 1.85rem;
    height: 1.85rem;
}

.checkbox-xl .custom-control-label {
    padding-top: 23px;
    padding-left: 10px;
}

.btn-yellow:hover{
    background-color: black!important;
    border-color: black;
    color:#FFCD07!important;
}



.btn-yellow:active{
    background-color: black!important;
    border-color: black;
    color:#FFCD07!important;
}

.btn-yellow:visited{
    background-color: black!important;
    border-color: black;
    color:#FFCD07!important;
}

.btn-green {
    background-color: #E6E301 !important;
    color: #000000 !important;
    border: #E6E301 1px solid !important;
}

.btn-green:hover{
    background-color: black!important;
    border-color: black;
    color:#E6E301!important;
}

.btn-green:active{
    background-color: black!important;
    border-color: black;
    color:#E6E301!important;
}

.btn-green:visited{
    background-color: black!important;
    border-color: black;
    color:#E6E301!important;
}



.confirmBlock{
    border: 1px solid black;
    padding:    10px;
    background-color: #f3f0f0;
}

.confirmBlockBig{
    font-size: 1em;
    font-weight: bold;
}

.confirmBlockTime{
    white-space: nowrap;
}

.confirmBlockTicket{
    font-size: 1em;
    font-weight: bold;
}

.blockRight{
    float: right;
}


@media all and (max-width: 500px) {
    .card-list {
        /* On small screens, we are no longer using row direction but column */
        flex-direction: column;
    }
}


.showLoader {
    background: url("images/ajax-loader.gif") center no-repeat white;
    -filter: alpha(opacity=20);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.6;
    position: fixed;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 100%;
    z-index: 1100;
}