main.css

@font-face {
    font-family: ProximaNovaRegular;
    src: url(../fonts/ProximaNovaRegular.ttf);
}

.bg {
    overflow: hidden;
}
@media (max-width: 992px) {
    .content.container {
        margin-left: 0;
        margin-right: 0;
    }
}
.content.container {
    padding: 0;
}

body {

    background: url("../img/background.jpeg") #f2ede6 center center repeat fixed;
    font-family: ProximaNovaRegular, 'Roboto', sans-serif;
    font-size: 15px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 105px;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
}

p, .p {
}

a {
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

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

.navbar-header img {
    height: 100%;
    padding: 0;
}

.footer {
    position: absolute;
    bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;

    width: 100%;
    /* Set the fixed height of the footer here */
    background-color: white;

    /*-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/
    /*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/
    border: 0;
    border-top: 5px solid #E3C3FF;
}

.btn-primary {

}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {

}

footer p, footer small {

}

footer .row {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.panel-body {
    padding: 2em;
}

.social-icons > a {
    text-decoration: none;
    padding-left: 0.5em;
    font-size: 100%;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

nav.navbar {
    /*-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    /*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    border: 0;
    border-bottom: 5px solid #E3C3FF;
}

.table {
    margin-bottom: 0;
}

div.panel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #E3C3FF;
    z-index: 3;
}

div.panel-body form {
    padding: 0 !important;
}

.confirm-content {
    margin-top: 70px
}

.content {
  margin-top: 6em;
  margin-bottom: 12.5em;
}

.margin-top {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-top-adjusted {
    margin-top: 0;
    margin-bottom: 0;
}

a.icon {
    text-decoration: none;
    position: relative;
    font-size: 70px;
    margin-left: 5px;
    margin-right: 5px;
}

img.icon {
    height: 70px;
    width: 70px;
}



.col-centered {
    width: 380px;
    position: absolute;
    margin: 0 0 0 -190px;
    left: 50%;
}

.no-padding {
    padding: 0;
}

.orderable {
    background: url(../img/sort_both.png) no-repeat center right;
}

.orderable > a {
    /*color: #333;*/
    text-decoration: none;

}

.orderable.desc {
    background: url(../img/sort_desc.png) no-repeat center right;
}

.orderable.asc {
    background: url(../img/sort_asc.png) no-repeat center right;
}

.filter > div > label {
    padding-right: 5px;
    padding-left: 5px;
}

.required > label::after {
    content: ' *';
    color: red;
}

.alert {
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    text-align: center;
    font-size: 18px;

}

.alert-danger {

}

.alert-success {

}

.alert-warning {

}

img {
    margin: 0 auto;
    padding: 15px;
}

@media (max-width: 768px) {
    .text-center-xs {
        text-align: center;
    }

    footer {
        text-align: center;

    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 145px;
    }

    .content {
        margin-bottom: 16em !important;
    }
}

/* cookie notice */
#cookie-notice{
    position:fixed;
    bottom:0;
    width:100%;
    padding: 0.5em 1em;
    text-align: center;
    transition: bottom 1s;
    background-color: #E3C3FF;
    z-index:1031; /*footer was set to 1030*/
    box-shadow: 0px 15px 15px 15px black;
    color: black;
}

#cookie-notice div{
    width: 100px;
    padding: 5px 10px;
    margin: 0.5em auto;
    cursor: pointer;

}

#cookies-a {
    /*color: #FFF;*/
    text-decoration: underline !important;
}

.team-info {

}

.team-info-margin {
    margin-bottom: 1.5em;
}

/*#popup-scan {*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 90%;*/
/*    max-width: 600px;*/
/*    padding: 15px;*/
/*    text-align: center;*/
/*    z-index: 1500;*/
/*    background-color: #777777;*/
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*    -webkit-border-radius: 0;*/
/*    -moz-border-radius: 0;*/
/*    border-radius: 0;*/
/*    border: 0;*/
/*}*/

/*#popup-scan video {*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*}*/

/*.veil {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 1250;*/
/*    background-color:rgba(30,30,30,0.9);*/
/*    backdrop-filter: blur(2px);*/
/*    cursor: pointer;*/
/*}*/

hr {
    margin-top: 0px;
}


@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px #333333 inset !important;
}

input:-webkit-autofill
{
 -webkit-text-fill-color: #eeeeee !important;
 caret-color: #eeeeee !important;
}

.br-theme-bars-square .br-widget a {
    background-color: transparent !important;
}

.c3-axis-y text {
   fill: #000000;
}
.c3-axis-x text {
    fill: #000000;
}
.c3-legend-item {
    fill: #000000;
}
.c3 .c3-axis line, .c3 .c3-axis path {
    stroke: #000000;
}
.c3-tooltip tr {
    color: #222222;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.tt-menu {
    color: black;
}

.container-iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
    display: block;
    border-style:none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*.daterangepicker.show-calendar {*/
/*    background-color: #17141e;*/
/*    border-color: #333333;*/
/*}*/

/*.daterangepicker .calendar-table {*/
/*    background-color: #333333 !important;*/
/*}*/

/*.daterangepicker select {*/
/*    background-color: #333333 !important;*/
/*    border-color: #17141e !important;*/
/*}*/

/*.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {*/
/*    background-color: #333333 !important;*/
/*    color: white !important;*/
/*    opacity: 50%;*/
/*}*/

.daterangepicker .drp-buttons {
    border-color: #333333 !important;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    /*background-color: #555555 !important;*/
    border-color: transparent;
    color: inherit;
}

#popup-scan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1251;
}

.scan-region-highlight {
    border-radius: 30px;
    outline: rgba(0, 0, 0, .25) solid 50vmax;
}

.scan-region-highlight-svg {
    display: none;
}

.veil {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1250;
    background-color:rgba(30,30,30,0.9);
    backdrop-filter: blur(2px);
    cursor: pointer;
}

.bg-dark {
   background-color: rgba(30,30,30,1);
}
@media (max-width: 992px) {
    #popup-scan > div {
        height: 100%;
    }
}
.justify-content-center {
    justify-content: center!important;
    display: flex;
}