.business-header {
    height: 15vh;
    min-height: 400px;
    background: url('/assets/img/header.png') center center no-repeat scroll;
    clip-path: polygon(100% 0%, 0% 0%, 0.00% 85.61%, 2.00% 86.67%, 4.00% 87.63%, 6.00% 88.46%, 8.00% 89.13%, 10.00% 89.61%, 12.00% 89.91%, 14.00% 90.00%, 16.00% 89.89%, 18.00% 89.57%, 20.00% 89.06%, 22.00% 88.37%, 24.00% 87.53%, 26.00% 86.56%, 28.00% 85.49%, 30.00% 84.35%, 32.00% 83.18%, 34.00% 82.02%, 36.00% 80.90%, 38.00% 79.85%, 40.00% 78.91%, 42.00% 78.10%, 44.00% 77.46%, 46.00% 77.00%, 48.00% 76.73%, 50.00% 76.67%, 52.00% 76.81%, 54.00% 77.16%, 56.00% 77.69%, 58.00% 78.40%, 60.00% 79.27%, 62.00% 80.25%, 64.00% 81.34%, 66.00% 82.48%, 68.00% 83.65%, 70.00% 84.81%, 72.00% 85.93%, 74.00% 86.96%, 76.00% 87.88%, 78.00% 88.67%, 80.00% 89.28%, 82.00% 89.72%, 84.00% 89.96%, 86.00% 89.99%, 88.00% 89.82%, 90.00% 89.44%, 92.00% 88.88%, 94.00% 88.15%, 96.00% 87.27%, 98.00% 86.26%, 100.00% 85.17%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

body {
    background-color: #f2f2f2;
    font-family: Poppins, serif;
    font-variant: no-common-ligatures;
}

footer {
    margin-top: 50px;
    background-color: #272727;
    color: #f2f2f2;
}


.btn-primary {
    color: #fff;
    background-color: #cc061f;
    border-color: #cc061f;
    border-width: 2px;
    border-radius: 25px;
    margin: auto;
    text-align: center;
}

.btn-primary:hover {
    color: #fff;
    background-color: #990417;
    border-color: #990417;
}

#Sign_in_button.btn-primary:hover{
    color: #cc061f;
    background-color: #f2f2f2;
    border-color: #cc061f;
}

.event_img_container {
    position: relative;
    text-align: right;
    color: white;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.evt_overview {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem;
}

.se-pre-con {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #cc061f;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

.control-box {
    margin-bottom: 40px;
    padding: 10px;
    border: 1px solid #f3f3f3;
}

.js-remove-control {
    padding: 10px;
}

.navbar-toggler {
    border: none;
    transition: transform 0.2s ease-in-out;
}

.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler:hover {
    transform: scaleY(130%);
}

.navbar-toggler[aria-expanded="true"] {
    transform: scaleY(130%);
}

.nav-link{
    transition: transform 2s ease-in-out;
}

.card{
    border-radius: 25px;
}

.card-img-top{
    border-radius: 25px 25px 0px 0px;
    min-height: 80px;
}

.nav-item:hover{
    color: #cc061f;
}

.list-group-item{
    color: #272727;
}

.list-group-item:hover{
    color: #cc061f;
}

.list-group-item.active{
    background-color: #cc061f;
    border-color: #cc061f;
}

.calendar {
    margin: 20px auto;
    max-width: 800px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 25px;
}

.calendar table {
    border-collapse: collapse;
    width: 100%;
}

.calendar th,
.calendar td {
    padding: 10px;
    text-align: center;
}

.calendar th {
    background-color: #cc061f;
    border-bottom: 1px solid #f3f3f3;
    font-weight: bold;
    color: #f2f2f2;
}

.calendar td {
    height: 80px;
    width: 100px;
    border-radius: 25px;
}

.calendar td.day:not(.selected-cell):hover {
    background-color: #f2f2f2;
    border-radius: 25px;
    color: #cc061f;
    transition: 0.3s ease;
}

.selected-cell {
    background-color: #ffffff;
    border: 2px solid #cc061f;
    border-bottom: 2px solid #ffffff;
    border-radius: 25px;
    color: #cc061f;

}

.calendar td.today {
    background-color: #cc061f;
    color: #f2f2f2;
}

.calendar td.today:not(.selected-cell):hover {
    background-color: #b1061b;
    border-radius: 25px;
    color: #f2f2f2;
    transition: 0.3s ease;
}

.prev-month, .next-month{
    color: #bcbcbc;
}

.calendar-nav{
    color: #cc061f;
}

.calendar-nav:hover{
    color: #b1061b;
    transition: 0.3s ease;
}

.hidden-row {
    display: none;
}

.expanded-row {
    display: table-row;
    border: 2px solid #cc061f;
    border-radius: 25px;
}

.events {
    background-color: #cc061f;
    border-radius: 25px;
    color: #ffffff;
    margin-bottom: 2px;
}

.events.amount {
    width: 50%;
    margin: auto;
    font-size: small;
}