html, body {
    background-color: #f9f9f9;
    height: 100%;
}


.form-login {
    background-color: #f1f1f1;
    margin: 7% auto;
    max-width: 400px;
    padding: 30px 40px;
}
.form-login__title {
    height: 100%;
    margin-bottom: 25px;
}

.btn-small {
    max-width: 120px;
}

.panel-left {
    background-color: #00a0e3;
    /* max-width: 200px; */
}
.list-group__left {
    margin-top: 30px;
}
.list-group__left > ul {
    padding-left: 0;
}
.list-group__left > ul > li {
    list-style-type: none;
}
.list-group__left > ul > li > a {
    color: #fff;
    text-decoration: none;
}

.page-title {
    font-size: 22px;
    margin-bottom: 30px;
}

.data-transportation {
    padding: 25px 0;
}
.search-airfare {
    padding: 25px 0;
}

.search-group {
    position: relative;
}
.input-selected {
    cursor: pointer;
}

.ajax-search {
    display: none;
    left: 0;
    position: absolute;
	right: 0;
	top: 31px;
}
.ajax-search.active {
    display: flex;
}
.ajax-search .form-control {
    background-color: #f7fbfe;
    border-top: 0;
}
.ajax-search .form-control:focus {
    border-width: 1px !important;
}

.selecr-items {
	background-color: #fff;
    border: 1px solid #ced4da;
    border-top: 0;
	list-style-type: none;
	margin: 0;
    max-height: 170px;
    overflow-y: scroll;
	padding: 10px 0;
    width: 100%;
}
.selecr-items > li {
    cursor: pointer;
    line-height: 16px;
    padding: .25rem .5rem;
}
.selecr-items > li:hover {
    background-color: #f7f7f7;
}
.selecr-items > li > .airport-code {
	font-size: 10px;
	font-weight: 700;
	color: #a4a4a4;
}
.log-string {
    width: max-content;
    font-weight: 500;
}