html {
  font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
}

table td {
    vertical-align: middle !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 5px;    
    color: #103b5e;
}

small {
    font-size: 12px;
}



a {
    color: #103b5e;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #aaa;
        text-decoration: none;
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.top-menu {
    background-color: #666;
    text-align: right;
    padding-top: 1px;
    padding-bottom: 3px;
    margin-bottom: 20px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 100;
}

    .top-menu ul {
        float: right;
        margin: 0
    }

        .top-menu ul li {
            float: left;
            list-style-type: none;
            padding: 0;
            margin: 0
        }

            .top-menu ul li:first-child a {
                border-left: 0
            }

            .top-menu ul li a {
                color: #fff;
                font-size: 12px;
            }

.top-menu-border {
    border-left: 1px solid #fff;
    padding-left: 6px;
    padding-right: 6px;
}

.masthead {
    padding-bottom: 15px
}

    .masthead .masthead-logo img {
        max-height: 90px
    }

.main-menu .menu-icon-links a:hover {
    color: #1b649f
}

.main-menu ul.menu-icons {
    float: right;
    margin: 0
}

    .main-menu ul.menu-icons li {
        float: left;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .main-menu ul.menu-icons li a {
            color: #fff;
            font-size: 20px;
            padding-left: 10px;
            padding-right: 10px
        }

.main-menu ul.menu-navigation {
    float: right;
    margin: 10px 0 0 0;
    padding: 5px;
    background-color: #103b5e
}

    .main-menu ul.menu-navigation li {
        float: left;
        list-style-type: none;
        padding: 0;
        margin: 0;
        color: #e50043;
        font-size: 18px
    }

        .main-menu ul.menu-navigation li a {
            color: #fff;
            font-size: 19px;
            padding-left: 10px;
            padding-right: 10px;
            text-transform: uppercase;
            text-shadow: 0 0 8px #000
        }

.main-menu .search {
}

    .main-menu .search .row {
        border: 1px solid #103b5e;
    }

    .main-menu .search input {
        background-color: transparent;
        border: 0;
        outline: 0;
        box-shadow: none;
        color: #103b5e !important;
    }

        .main-menu .search input::-webkit-input-placeholder {
            color: #103b5e;
        }

        .main-menu .search input::-moz-placeholder {
            color: #d1d1d1;
        }

        .main-menu .search input:-ms-input-placeholder {
            color: #d1d1d1;
        }

        .main-menu .search input:-moz-placeholder {
            color: #d1d1d1;
        }

    .main-menu .search .btn-container {
        border: 1px solid #103b5e;
        outline: 0;
        background-color: #103b5e;
    }

        .main-menu .search .btn-container .btn {
            outline: 0;
            box-shadow: none;
            color: #fff !important;
        }

.basket-link {
    text-align: center;
    vertical-align: middle;
    max-width: 70%;
    margin-left: 20px;
}

.basket {
    border: 1px solid #103b5e;
    max-width: 60%;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.navbar-default {
    border-radius: 0;
    margin-bottom: 0
}

    .navbar-default .navbar-brand {
        padding: 5px 0 0 9px
    }

    .navbar-default .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px
    }

    .navbar-default .navbar-basket {
        padding: 4px 11px;
        font-size: 18px;
        color: #888
    }

    .navbar-default .nav li a {
        padding: 14px 15px 14px 15px;
        text-align: left
    }

        .navbar-default .nav li a:focus {
            text-decoration: none !important
        }

    .navbar-default .nav li .dropdown-menu {
        margin-top: 0;
        border-radius: 0 0 4px 4px
    }

.products-menu-container {
    position: absolute;
    z-index: 1000;
    top: 119px;
    width: 100%;
    display: none
}

    .products-menu-container .products-menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0 0 14px 1px rgba(0,0,0,.69);
        -moz-box-shadow: 0 0 14px 1px rgba(0,0,0,.69);
        box-shadow: 0 0 14px 1px rgba(0,0,0,.69);
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }

        .products-menu-container .products-menu .category {
            margin: 0 0 10px 0;
            padding: 0;
            list-style-type: none;
            -webkit-column-break-inside: avoid;
            break-inside: avoid;
            overflow: hidden
        }

            .products-menu-container .products-menu .category li.title {
                color: #fff;
                font-size: 16px;
                text-decoration: none;
                margin-bottom: 5px;
                display: block;
                background-color: #103b5e
            }

                .products-menu-container .products-menu .category li.title a {
                    padding: 7px 20px;
                    display: block;
                    color: #fff;
                    text-decoration: none
                }

            .products-menu-container .products-menu .category li.main a {
                padding: 7px 20px;
                display: block
            }

            .products-menu-container .products-menu .category li.main:hover {
                background-color: #e50043
            }

                .products-menu-container .products-menu .category li.main:hover a {
                    color: #fff
                }

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3359375rem;
    padding-bottom: .3359375rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
            color: #fff
        }

.main-menu ul.menu-navigation {
    float: right;
    margin: 10px 0 0 0;
    padding: 5px;
    background-color: #103b5e
}

    .main-menu ul.menu-navigation li {
        float: left;
        list-style-type: none;
        padding: 0;
        margin: 0;
        color: #e50043;
        font-size: 18px
    }

        .main-menu ul.menu-navigation li a {
            color: #fff;
            font-size: 19px;
            padding-left: 10px;
            padding-right: 10px;
            text-transform: uppercase;
            text-shadow: 0 0 8px #000
        }

.products-menu {
    height: 60px
}

@media (max-width:1199.98px) {
    .products-menu {
        display: none !important
    }
}

.products-menu .row {
    align-items: stretch;
    height: 100%
}

.product-nav-header.active, .product-nav-header:hover {
    background: #1b649f;
}

.product-nav-header a {
    color: #fff;
}

.priority-product-header {
    background: #1b649f
}

.product-nav-submenu {
    position: absolute;
    z-index: 99999;
    background: #fff;
    width: 100%
}

.footer-logos {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 90px
}

.footer-main {
    color: #fff;
    background-color: #103b5e;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width:575.98px) {
    .footer-main {
        text-align: center
    }
}

.footer-main a {
    color: #fff
}

.copyright p {
    color: #fff
}

.footer-main ul.footer-links {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0
}

    .footer-main ul.footer-links li.title {
        font-weight: 700;
        margin-bottom: 10px
    }

    .footer-main ul.footer-links li.main a {
        padding-top: 2px;
        padding-bottom: 2px;
        display: block
    }

        .footer-main ul.footer-links li.main a.footerLogo {
            width: 36px;
            height: 36px;
            float: left
        }

.footer-main .social-links {
    margin-top: 20px;
    margin-bottom: 20px
}

.footer-copyright {
    text-align: center;
    background-color: #e50043;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px
}

#Footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 325px
}

.pie {
    width: 300px;
    height: 300px;
    background-image: conic-gradient(#103b5e 81%, #e50043 19%);
    border-radius: 50%;
}

.bar {
    width: 90%;
    height: 20px;
    background-image: linear-gradient(to right, #007bc4 70%, #b5b5b5 70%);
    border-radius: 5px;
    margin: auto;
}

.dot {
    vertical-align: text-bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: 20px;
}

.grey {    
    background-color: #b5b5b5;    
}

.blue {
    background-color: #007bc4;
}

.form-signin .card .card-heading {
    background-color: #103b5e;
    margin-left: 16px; 
    margin-right: 16px;
}

.form-control {
    border-radius: 0px;
}

.form-control.form-start {
    border-radius: .25rem .25rem 0px 0px;
}

.form-control.form-end {
    border-radius: 0px 0px .25rem .25rem;
}


.form-signin input[type=password] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-signin .card .card-heading h4 {
    color: #fff;
    margin: 0px;
}

.form-signin .card {
    border: none;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 0px;
    margin: auto;
}

.account-card {
    min-height: 225px;
}

.account-card-header {
    min-height: 55px;
}

.account-btn{
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-info {
    color: #fff;
    background-color: #103b5e;
}

    .btn-info:hover {
        color: #fff;
        background: #1b649f;
        border: #1b649f;
    }

.btn-fp {
    color: #fff;
    background-color: #e50043;
    border-color: #e50043;
}

    .btn-fp.active, .btn-fp:active, .btn-fp:focus, .btn-fp:hover, .open .dropdown-toggle.btn-fp {
        color: #fff;
        background-color: #454080;
        border-color: #103b5e;
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .765625rem;
    line-height: 1.5;
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

.btn-option {
    background-color: #e50043;
    color: #fff;
    width: 100%;
}

    .btn-option:hover {
        background-color: #103b5e;
        color: #fff;
        width: 100%;
    }

.btn-block + .btn-block {
    margin-top: .5rem;
}

.page-jumbotron {
    background-color: #8e8e8c;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
    position: relative;
    z-index: -100;
}

@media (min-width: 992px) {
    .page-jumbotron {
        height: 300px;
    }
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgb(199, 199, 199, 0.70);
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

.modal-dialog {
    position: relative;
    width: 50%;
    margin: auto;
    pointer-events: none;
    top: 50px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.form-control {
    appearance: auto;
}

#delivery-list {
    list-style-type: none;
}

#collection-list {
    list-style-type: none;
}