.logo {
    padding-top: 40px;
    padding-bottom: 20px;
    width: 100%;
    /*width: -webkit-fill-available;
    width: -moz-available;*/
}

.rounded {
    border-radius: 2rem !important;
}

.bg-container {
    /*background-color: #03A9FF;*/
    background: linear-gradient(to right, #017afd 0%, #03a9ff 100%);
    padding: 25px;
}

.btn-danger {
    background-color: #f52b2a;
    border-color: #f52b2a;
}

.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.btn-primary {
    background-color: #182D62 !important;
    border-color: #182D62 !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9 !important;
        border-color: #0062cc !important;
    }

.error-bg-container {
    background: #174678;
    padding: 25px;
}

.btn-primary-err {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #174678;
}

.top {
    background: linear-gradient(to right, #017afd 0%, #03a9ff 100%);
}

form {
    margin: 16px;
}

input {
    text-align: center;
    text-transform: uppercase;
}


::placeholder {
    text-transform: none;
}

body {
    background-image: url('/img/new/iFLY%202.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mobile-margin {
    margin-top: 50%;
}

#container-row {
    padding-left: 10%;
}

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

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

* {
    font-family: "Montserrat-Regular";
}

.logo-container {
    text-align: center;
}

.error {
    display: none;
}

@media screen and (min-width: 100px) and (max-width: 768px) {
    body {
        /*background-image: url('/img/bg/mobile-bg.jpg');*/

        background-image: url('/img/new/iFLY%204.png');
        background-repeat: no-repeat;
        background-size: cover;
        /*position: relative;*/
        top: 50px;
        background-position-x: left;
    }

    ::placeholder, .select2-chosen, .select2-result-label, input#s2id_autogen1_search, #lastName, #bookingRef {
        font-size: small;
    }

    .main-container {
        padding-top: 5%;
    }
    
    body{
        height:100vh;
    }


    .logo {
        padding-top: 15vmin;
        padding-bottom: 10vmin;
    }

}


.modal-content.infoContent {
    background-color: #bdd7ee !important;
}

    .popup ul {
        list-style: none;
        padding-left:20px;
        padding-right:20px;
    }


    .popup li {
        position: relative;
        padding-left: 1.5em; /* space to preserve indentation on wrap */
    }

    .popup li:before {
        content: '✓'; /* placeholder for the SVG */
        position: absolute;
        left: 0; /* place the SVG at the start of the padding */
        width: 1em;
        height: 1em;
    }

.modal-content {
    background-color: #182D62 !important;
    border-radius: 20px;
}

.modal-header, .modal-footer {
    border-bottom: 0px !important;
    border-top: 0px !important;
    align-self: center;
}

.modal-title {
    color: #fff;
    font-family: "Montserrat-SemiBold";
}

.modal-footer {
    width: 100%;
}

.close-modal {
    color: #182D62;
    background-color: #fff;
    border-color: #fff;
    width: inherit;
}

.policy {
    color: #fff;
    text-decoration: underline;
}

#overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-check-label {
    margin-left: 10px;
}

div#btn-close {
    position: absolute;
    left: 85%;
}