html {
    min-height: 100% !important;
}

body {
    /* background-image: url('../images/mkc_poz04.jpg');
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat; */
    background-color: #fff !important;
    color: #222;
    min-height: 100% !important;
}

.mainContentContainer {
    padding-top: 15px;
    padding-bottom: 15px;
}


/* .logoImage {
background-color: #D63030;
} */

.main-navigation-nav {
    /* background-color: #222 !important;
color: #fff; */
    background-image: url("../images/white-header.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#timerCountdown {
    /* color: #fff; */
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-weight: bold;
}

.nav-instructions-links {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 12px !important;
}

.nav-websites-links {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 12px !important;
}


/* a.nav-link-item{
font-size: larger;
} */


/*
a.nav-link-item:hover {
color: #ddd !important;
} */

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

button.kupi-bileti-main {
    color: #303030;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 10px;
    background-color: #E6E6E6;
    border: 1px solid #aaaaaa;
    cursor: pointer;
}

.main-card-text {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 12px !important;
}

.main-card-title {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 17px !important;
    font-weight: bold !important;
}

button.kupi-bileti-main:hover {
    background-color: #ffffff;
}

#eventDates,
#eventTime {
    width: 150px;
}

#eventImage {
    display: none;
}

#skicaSala {
    background-color: black;
    cursor: pointer;
}

#skicaSala:hover {
    opacity: 0.6;
}

@media only screen and (min-width: 992px) {
    .selectTicketsFormGroup {
        max-width: 250px;
    }
    #seatChartsContainer {
        display: block;
    }
    .smallScrSelect {
        display: none;
    }
    .byeTicketsCard {
        min-height: 560px;
    }
    .btnFloatRight {
        float: right;
    }
    .trigerModal {
        display: inline;
    }
    .trigerCollapse {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .trigerCollapse {
        display: inline;
    }
    .trigerModal {
        display: none;
    }
}

#displayAvRows,
#displayAvSeats {
    max-width: 150px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "WebServeroffRegular", Helvetica, Arial, sans-serif !important;
}

footer.footer {
    display: block;
    position: relative;
    padding: 0 20px;
}

footer.footer .footer-absolute {
    display: block;
    margin: 3em 0 9em;
}

footer.footer .copyright {
    padding: 0.6em 0;
}

.float-left {
    float: left;
}

a.underline,
.underline a,
a.underline-hover:hover,
.underline-hover a:hover {
    color: #f4f4f4;
    border-color: #f4f4f4;
}

a.underline,
.underline a {
    text-decoration: none;
    padding: 2px 0 0 0;
    border-bottom: 2px solid;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.legendBtn {
    width: 14px !important;
    height: 12px !important;
    padding: 4px;
}

.legendBtn {
    pointer-events: none;
}

label.btn-danger {
    pointer-events: none !important;
    cursor: not-allowed !important;
}