@import url('https://fonts.googleapis.com/css?family=Poppins|Raleway&display=swap');

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-family: 'Raleway', sans-serif;
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Raleway', sans-serif;
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
}

.header {
    font-family: 'Poppins', sans-serif;
}

.footer {
    font-family: 'Poppins', sans-serif;
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    /*height: 60px;*/
    /*line-height: 60px;*/ /* Vertically center the text there */
    background-color: #c60f0f;
    color: #fff;
}

.footerVCentre {
    vertical-align: middle;
}

.bg-xmas {
    background-color: #c60f0f !important;
}

a.bg-xmas:hover, a.bg-xmas:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #C60F0F !important;
}

.btn-site {
    background-color: #c60f0f;
    color: #ffffff;
    width: 200px;
    padding: 2px;
    margin: 2px;
}


.btn-site-inverse {
    background-color: #ffffff;
    color: #c60f0f;
    width: 200px;
    padding: 2px;
    margin: 2px;
}

btn.btn-site:hover .btn-site:focus {
    background-color: #ffffff;
    color: #c60f0f;
}

btn.btn-site-inverse:hover .btn-site-inverse:focus {
    background-color: #c60f0f;
    color: #ffffff;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .content {
        padding-top: 60px;
    }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #c60f0f;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #c60f0f;
}

@media (min-width: 600px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 16rem;
}

.maxWidthResponsive {
    max-width: 100%;
}

.virtualImageHeader {
    width: auto;
    height: 100px;
    display: none !important;
}

.headerFont{
    padding-left:10px;
}

@media (max-width: 380px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }

    .maxWidthResponsive {
        width: 300px;
        max-width: 300px;
    }

    .virtualImageHeader {
        width: 50px;
        height: unset;
    }

    .headerFont > h2 {
        padding-top: 5px;
       
        font-size:20px;
    }
    .headerFont > h3 {
        
        font-size: 18px;
    }
    .headerFont > h4 {
        
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

td.details-control {
    background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}


.form-control {
    margin-bottom: 8px;
}

/*.text-danger {
    color: white !important;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
}*/

#map {
    height: 100%;
}