#bookform body { 
color: #ffffff !important
background-color: transparent !important;
background: transparent !important;
}
.fl-flights {
margin-top: 30px;
margin-bottom: 30px;
}
.fl-flights > ul {
padding: 0;
margin: 0;
list-style: none;
}
.fl-flights > a {
display: block;
height: 30px;
width: 110px;
border: 1px solid #c0c0c0;
border-radius: 15px;
margin: 0 auto;
color: #000;
font-size: 14px;
font-weight: 300;
line-height: 30px;
text-align: center;
}
.fl-flight-status{
bottom: 0px;
background-color: #ffffff;
font-weight: normal;
top: auto;
height: 42px;
line-height: 42px;
}
.fl-flight { position: relative; padding-bottom: 60px; border-bottom: 1px solid #ccc; margin-bottom: 30px; overflow: hidden; }
.fl-flight > img  { display: block; margin-bottom: 15px; width:260px;}
.fl-flight > span { display: block; }
.fl-flight-status, .fl-flight-join { position: absolute; top: 120px; height: 32px; z-index: 10; font-size: 14px; line-height: 32px; }
.fl-flight-status { left: 0; width: 170px; padding-left: 14px; font-weight: 700; }
.fl-flight-join { left: 170px; width: 100px; color: #000; background-color: #ffd100; font-weight: 400; text-align: center; height: 42px; line-height: 42px;}
.fl-flight-pass { font-size: 14px; font-weight: 300; line-height: 17px; }
.fl-flight-date { font-size: 14px; font-weight: 300; line-height: 17px; }
.fl-flight-abbr { font-size: 35px; font-weight: 700; line-height: 40px; padding-top: 15px; text-align: center }
.fl-flight-abbr > i { display: inline-block; height: 13px; width: 26px; margin-bottom: 7px; margin-right: 6px; background: transparent url(https://abi.aircrm.gr/public/emptyseats/assets/img/icon-plane.png) 0 0 no-repeat; }
.fl-flight-abbr2 { font-size: 24px; font-weight: 700; line-height: 25px; padding-top: 4px; }
.fl-flight-abbr2 > i { display: inline-block; height: 13px; width: 26px; margin-bottom: 2px; background: transparent url(https://abi.aircrm.gr/public/emptyseats/assets/img/icon-plane.png) 0 0 no-repeat; }
.fl-flight-route { font-size: 14px; font-weight: 300; line-height: 17px; text-align: center}
.fl-flight-price { position: absolute; right: 0; bottom: 0; height: 42px; width: 130px; background-color: #ececec; font-size: 14px; font-weight:600; line-height: 42px; text-align: center;color: #000;}
@media (max-width: 425px) { 
.fl-flight-status{
width: 100%;
top: 0;
right: 0;
text-align: center;
left: auto;
} .fl-flight { }
.fl-flight > img { width:100%; }
.fl-flight-date, .fl-flight-pass{ padding-left:10px;}
.fl-flight-price { right: 0; left: auto; bottom:0; top: auto;}
.fl-flight-join  {  left: 0; right:auto; width: 100px; color: #000; background-color: #ffd100; font-weight: 400; text-align: center; bottom:0;top: auto;}
.fl-flight-abbr  { text-align: center;}
.fl-flight-route { text-align: center;}
}
@media (min-width:426px) AND (max-width:768px) { .fl-flight { padding-left: 300px; height: 160px; padding-bottom: 15px; }
.fl-flight > img  { position: absolute; left: 0; top: 0;width:270px; height: 160px;}
.fl-flight-price {right: 0; left: auto; top: 0; bottom: auto;}
.fl-flight-join  {right: 0; left: auto; bottom:0; top: auto;}
.fl-flight > span { display: block;}
.fl-flight-status{
width:270px;
top: auto;
right: auto;
text-align: left;
left: 0;
bottom:0;
}
}
@media (min-width: 1024px) {
.fl-flight {
float: left;
width: calc(50% - 40px);
max-width: 570px;
padding-left: 260px;
margin-left: 30px;
padding-bottom:50px;
height: 180px;
}
.fl-flight > img {
position: absolute;
left: -20px;
width:270px;
height:180px;
margin-bottom:0;
}
.fl-flight-status {
width:250px;
top: auto;
right: auto;
text-align: left;
left: 0;
bottom:0;
}
.fl-flight-join {
right: 0;
left:auto;
bottom:0;
top:auto;
width: 90px;
height:32px;
line-height:32px;
}
.fl-flight-pass { padding-top: 10px; }
.fl-flight-price { top: 0px; background:none; text-align:right; }
.fl-flight-abbr { font-size: 32px; }
}
@media (min-width: 1220px) {
.fl-flight { padding-left: 290px; max-width: none; }
.fl-flight > img { left: 0; }
.fl-create-flight {
padding: 20px 30px;
}
.fl-flight-status {
width: 170px;
}
.fl-flight-join {
left: 170px;
width: 100px;
}
}
.fl-load-more {
height: 135px;
padding-top: 35px;
border-top: 1px solid #e3e3e3;
background: linear-gradient(#f1f1f1, #fff 20%);
}
.fl-load-more > a {
display: block;
height: 30px;
width: 110px;
border: 1px solid #c0c0c0;
border-radius: 15px;
margin: 0 auto;
color: #000;
font-size: 14px;
line-height: 30px;
text-align: center;
}
.fl-flights-list {
padding-top: 36px;
overflow-x: auto;
}
.fl-flights-list table {
width: 100%;
border-bottom: 2px solid #c1c1c1;
border-collapse: collapse;
font-size: 14px;
}
.fl-flights-list tr.fl-flight-guaranteed td:nth-child(1) {
background: transparent url(//helicopter4you.com/wp-content/themes/img/icon-flight-list-guaranteed.png) 100px 50% no-repeat;
}
.fl-flights-list tr.fl-flight-pending td:nth-child(1) {
background: transparent url(//helicopter4you.com/wp-content/themes/img/icon-flight-list-pending.png) 100px 50% no-repeat;
}
.fl-flights-list td,
.fl-flights-list th {
padding: 5px 5px 5px 20px;
border: 1px solid #e4e4e4;
border-bottom: none;
}
.fl-flights-list th {
border-bottom: 2px solid #000;
font-weight: 600;
text-align: left;
}
.fl-flights-list td:nth-child(1) {
width: 140px;
padding-left: 15px;
}
.fl-flights-list td:nth-child(4) {
color: #b2b2b2;
font-size: 13px;
padding: 10px;
}
.fl-flights-list td:nth-child(5) {
color: #b2b2b2;
font-size: 13px;
padding: 0px 27px 0px;
}
.fl-flights-list td:nth-child(6) {
font-size: 18px;
font-weight: 700;
padding: 10px;
overflow: hidden;
white-space: nowrap;
width: 100px;
}
.fl-flights-list td:nth-child(7) {
padding: 5px 15px;
}
.fl-flights-list td:nth-child(7) a {
display: block;
height: 30px;
width: 60px;
border-radius: 2px;
margin: 0;
color: #fff;
background-color: #000;
line-height: 30px;
text-align: center;
}
.fl-flights-list td:nth-child(8) {
padding: 5px 15px;
}
.fl-flights-list td:nth-child(8) a {
display: block;
height: 30px;
width: 60px;
border-radius: 2px;
margin: 0;
color: #fff;
background-color: #000;
line-height: 30px;
text-align: center;
}
.fl-roundtrip.fl-flights-list td:nth-child(6){
width: 65px;
padding: 0px 28px;
font-size: 13px;
font-weight: normal;
}
.fl-roundtrip.fl-flights-list td, .fl-roundtrip.fl-flights-list th {
padding: 5px 5px 5px 15px;
}
.fl-roundtrip.fl-flights-list td:nth-child(7) {
padding: 0px 5px;
font-weight: bold;
}
.fl-roundtrip.fl-flights-list td:nth-child(4) {
color:#000;
}
.fl-roundtrip.fl-flights-list td:nth-child(3){
color: #b2b2b2;
}
.fl-roundtrip.fl-flights-list th:nth-child(5) {
padding: 0px 0px 0px 10px;
}
.fl-roundtrip.fl-flights-list th:nth-child(2) {
padding: 0px 0px 0px 10px;
}
.fl-roundtrip.fl-flights-list th:nth-child(2) {
padding: 0px 0px 0px 50px;
}
tr.fl-flight-guaranteed img {
margin-right: 10px;
}
.fl-flights-paging {
padding-top: 20px;
font-size: 13px;
text-align: center;
}
.fl-flights-paging > a {
display: inline-block;
height: 32px;
width: 32px;
border: 1px solid #ededed;
border-radius: 16px;
margin: 0 5px;
color: #5f5f5f;
line-height: 32px;
}
.fl-flights-paging > a.fl-flights-paging-prev {
margin-right: 160px;
background: transparent url(//helicopter4you.com/wp-content/themes/img/icon-flight-list-prev.png) 50% 50% no-repeat;
}
.fl-flights-paging > a.fl-flights-paging-prev:after {
margin-left: 40px;
content: 'Previous';
}
.fl-flights-paging > a.fl-flights-paging-next {
margin-left: 160px;
background: transparent url(//helicopter4you.com/wp-content/themes/img/icon-flight-list-next.png) 50% 50% no-repeat;
}
.fl-flights-paging > a.fl-flights-paging-next:before {
margin-left: -80px;
content: 'Next';
}
.fl-flights-paging > a.active {
border: none;
color: #fff;
background-color: #000;
}
.fl-flights-paging span {
display: inline-block;
}
.fl-flight-status.Pending{
background-color: #ffd100;
color:#000;
}
.fl-flight-status.Confirmed{
color: #fff;
background-color: #037700;
}
.fl-flight-Confirmed .fl-flight-join{
color: #fff;
background-color: #037700;
}