form.traveller {
    width: 100%;
    margin: 15px 0;
}

    form.traveller hr {
        border: none;
        margin-top: 5px;
        border-top: 2px solid #dedede;
        margin-bottom: 15px;
    }

    form.traveller .form-section {
        background-color: rgb(247, 247, 247);
        padding: 15px;
        margin: 15px 0;
    }

        form.traveller .form-section .section-heading {
            margin-bottom: 0;
        }


    form.traveller .form-row {
        margin-bottom: 10px;
        /*padding-bottom: 10px;
        padding-top: 10px;*/
    }
        form.traveller .form-row .content.declaration {
            font-weight: normal;
        }

@media (min-width: 769px) {
    form.traveller .form-row .content.declaration {
        font-weight: normal;
        height: 155px;
        overflow-y: scroll;
    }
}


    form.traveller .form-group {
        padding-bottom: 0;
        /*min-height: 73px;*/
    }

        form.traveller .form-group.dob-column {
            flex: 0 0 10%;
            max-width: 10%;
        }

@media (min-width: 320px) and (max-width: 1024px) {
    form.traveller .form-group.title-column {
        flex: 0 0 36%;
        max-width: 36%;
    }

    form.traveller .form-group.dob-column {
        flex: 0 0 26%;
        max-width: 26%;
    }
}

form.traveller .form-group.month-year-column {
    flex: 0 0 17%;
    max-width: 17%;
}

@media (min-width: 568px) and (max-width: 1024px) {
    form.traveller .form-group.title-column {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    form.traveller .form-group.month-year-column {
        flex: 0 0 35%;
        max-width: 35%;
    }

    form.traveller .form-group {
        /*padding-bottom: 20px;*/
        margin-bottom: 10px;
    }

    form.traveller .form-row {
        /*padding-bottom: 15px;*/
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    form.traveller .tooltip-container {
        margin: auto;
    }
}

@media (min-width: 1025px) {
    form.traveller .form-group.title-column {
        flex: 0 0 11%;
        max-width: 11%;
    }

    form.traveller .form-group.name-column {
        flex: 0 0 29.7%;
        max-width: 29.7%;
    }

    form.traveller .form-group.phone-column {
        flex: 0 0 25%;
        max-width: 25%;
    }

    form.traveller .form-group.email-column {
        flex: 0 0 37.2%;
        max-width: 37.2%;
    }

    form.traveller .form-group.street-column {
        flex: 0 0 35.7%;
        max-width: 35.7%;
    }

    form.traveller .form-group.sub-city-column {
        flex: 0 0 24.4%;
        max-width: 24.4%;
    }

    form.traveller .form-group.postcode-column {
        max-width: 14.5%;
    }
}

form.traveller .form-group .form-control {
    font-family: inherit;
    padding-top: 22px;
    padding-right: 19px;
    height: 50px;
    margin-top: -24px;
}

form.traveller input::placeholder {
    font-weight: bold;
}

form.traveller input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: bold;
}

form.traveller input::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: bold;
}

form.traveller input:-ms-input-placeholder {
    /* IE 10+ */
    font-weight: bold;
}

form.traveller input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: bold;
}

form.traveller .form-group label {
    position: relative;
    bottom: 0;
    top: 2px;
    left: 13px;
    color: #009ADE;
}

form.traveller .custom-checkbox {
    margin-left: 27px;
}

    form.traveller .custom-checkbox.required {
        /*height: 55px;*/
    }

    form.traveller .custom-checkbox .invalid-feedback {
        margin-left: -32px;
        margin-top: 15px;
    }

    form.traveller .custom-checkbox .custom-control-label {
        padding-top: 8px;
        padding-left: 26px;
    }

@media (min-width: 320px) and (max-width: 480px) {
    form.traveller .custom-checkbox .custom-control-label {
        text-align: left;
        max-width: 239px;
        word-wrap: break-word;
        word-break: break-word;
        text-align-last: left;
        display: block;
    }

        form.traveller .custom-checkbox .custom-control-label::before,
        form.traveller .custom-checkbox .custom-control-label::after {
            margin-top: 9px;
        }
}

form.traveller .custom-checkbox .custom-control-label[disabled] {
    color: #d3d3d3;
}

form.traveller .custom-checkbox .custom-control-label::before,
form.traveller .custom-checkbox .custom-control-label::after {
    width: 1.8rem;
    height: 1.9rem;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

form.traveller .custom-checkbox .custom-control-label[disabled]::before,
form.traveller .custom-checkbox .custom-control-label[disabled]::after,
form.traveller .custom-control-input:checked ~ .custom-control-label[disabled]::before,
form.traveller .custom-control-input:checked ~ .custom-control-label[disabled]::after {
    border: 2px solid #ced4da;
    background-color: #f6f6f6;
}

form.traveller .custom-control-input:checked ~ .custom-control-label::before,
form.traveller .custom-control-input:checked ~ .custom-control-label::after {
    border: 2px solid #009ADE;
    background-color: #fff;
}

form.traveller .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23009ADE' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-size: 14px;
}

form.traveller .custom-checkbox .custom-control-label[disabled]::after,
form.traveller .custom-checkbox .custom-control-input:checked ~ .custom-control-label[disabled]::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ced4da' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-size: 14px;
}

form.traveller .form-group select.form-control {
    height: 51px;
}

form.traveller .custom-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
}

form.traveller .custom-dropdown option {
    font-weight: normal;
}

    form.traveller .custom-dropdown option:disabled {
        background-color: #fff;
        color: inherit;
    }

form.traveller .custom-dropdown:after {
    font-family: FontAwesome;
    content: "";
    font-size: 20px;
    color: #009ade;
    position: relative;
    float: right;
    top: -18px;
    right: 15px;
    margin-top: -33px;
    pointer-events: none;
}

.ui-tooltip.info-tooltip {
    background-color: #FFF;
    font-family: inherit;
    font-size: 12px;
    opacity: 1;
}

form.traveller .tooltip-container .c-form-feedback__icon {
    width: 22px;
    height: 22px;
    margin-left: 1.5px;
}

form.traveller.was-validated .form-control:invalid,
form.traveller .form-control.is-invalid {
    background-image: none;
    border-color: #FF1313;
}

form.traveller.was-validated .form-control:valid,
form.traveller .form-control.is-valid {
    background-image: none;
    border-color: #ced4da;
}

form.traveller.was-validated .custom-control-input:valid ~ .custom-control-label,
form.traveller .custom-control-input.is-valid ~ .custom-control-label {
    color: inherit;
}

form.traveller.was-validated .custom-control-input:invalid ~ .custom-control-label,
form.traveller .custom-control-input.is-invalid ~ .custom-control-label {
    color: inherit;
}

form.traveller.was-validated .custom-checkbox .custom-control-input:invalid ~ .custom-control-label::before,
form.traveller.was-validated .custom-checkbox .custom-control-input:invalid ~ .custom-control-label::after {
    border: 1px solid #FF1313;
}

form.traveller a.rounded-btn {
    position: absolute;
    z-index: 50;
    display: block;
    width: 122px;
    height: 29.58px;
    margin-top: -37px;
    left: 112px;
    padding: 8px 16px 8px 16px;
    line-height: 1;
    background-color: #009ADE;
    border-radius: 24px 24px 24px 24px;
    color: #fff;
    font-size: 90%;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

form.traveller div.validation-summary {
    color: #ff1313;
}

form.traveller svg.c-form-feedback__icon.validation {
    margin-top: 5px;
    position: relative;
    top: 6px;
    left: 6px;
    width: 19px;
}

    form.traveller svg.c-form-feedback__icon.validation path {
        fill: #ff1313;
    }

    form.traveller svg.c-form-feedback__icon.validation circle {
        stroke: #ff1313;
    }

form.traveller .form-group .invalid {
    border-color: #ff1313 !important;
}

form.traveller .form-group .age-invalid-feedback {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

form.traveller .adult-checkbox {
    margin-left: -17px !important
}