@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.content {

}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}


/*PAGE Layout*/

.main-container .row > div {
    padding: 0;
    margin: 0;
}

.top-welcome-cornering {
    background: #1f438f;
    height: 40px;
}
.top-welcome-cornering:nth-of-type(n) {
    margin-right: -2px;
}
.top-welcome-cornering:nth-of-type(n + 1) {
    margin-left: -2px;
}
.top-welcome-cornering > .start-inner {
    background: #ecf3fd;
    height: 40px;
    border-start-end-radius: 20px;
    margin-right: 2px;
    margin-left: -px;
}
.top-welcome-cornering > .end-inner {
    background: #ecf3fd;
    height: 40px;
    border-start-start-radius: 20px;
    margin-left: 2px;
    margin-right: -2px;
}

.top-welcome {
    background: #1f438f;
    color: white;
    padding: 20px;
    padding-left: 24px;
    padding-top: 24px;
    font-size: 1.1em;
    border-end-start-radius: 20px;
    border-end-end-radius: 20px;
}
.top-welcome .welcome-message {
    font-weight: bold;
    font-size: 1.3em;
}

@media (max-width: 640.98px) {
    .top-welcome-cornering {
        display: none;
    }
    .form-container {
        margin: 8px;
    }
    .flight-results-area {
        padding: 4px;
    }
    .form-container.mode-viewingresults {
        display: none;
    }
    .flight-results-area.mode-searching {
        display: none;
    }
}