/**************************************************************/
/* LAPTOPS */
/**************************************************************/

/*-----------------------------------*/
/* Cover images */
/*-----------------------------------*/

.container_cover_image {
  position: relative;
  text-align: center;
}

#cover_image {
  width: 100%;
  margin: auto;
  opacity: 0.5;
}

#cover_title {
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato;
  font-size: 50px;
  font-weight: bold;
  width: 60vw;
}

#cover_title_year {
  font-size: 60px;
}

#cover_title_year:after {
  content:"\a";
  white-space: pre;
}

#cover_image_source {
  font-size: 12px;
  text-align: right;
  padding: 5px;
  padding-right: 10px;
}

/* Main */
/*------------------*/

#container_main_tables {
  width: 60vw;
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

/* Description */
/*------------------*/
.container_ranking_overview {
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: left;
}

.ranking_overview_title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "Lato";
}

.ranking_overview_title_second {
  margin-top: 30px;
}

.ranking_overview_paragraphs {
  font-size: 19px;
  padding-left: 20px;
}

.ranking_overview_paragraphs li {
  padding-bottom: 10px;
  padding-left: 5px;
}


.icon_open_window {
  width: 14px;
  margin-bottom: 2px;
}

/* Split line */
/*-------------------*/

.separation_line {

  width: 20vw;
  border-top: 1px solid #7f7f7f;
  margin-bottom: 5px;

}


/* Section titles */
/*-------------------*/
.section_separation_title {
  text-align: center;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 0px;
  font-family: "Lato";
  font-weight: bold;
  font-size: 30px;
}


/* Table titles */
/*-------------------*/
.container_ranking_header {
  margin: auto;
  margin-top: 70px;
  margin-bottom: 10px;
  text-align: left;
}

.container_ranking_header_first {
  margin-top: 40px;
}

.ranking_header_title {
  font-size: 19px;
  font-weight: bold;
}

.ranking_header_paragraphs {
  font-size: 18px;
}

/* Tables */
/*------------------*/
.container_tables {
  margin: auto;
  margin-bottom: 30px;
}

.container_last_table {
  margin-bottom: 100px;
}

.column_rank{
  width: 10%;
  padding-left: 20px;
  text-align: center !important;
}
.column_route{
  width: 40%;
  padding-left: 20px;
}
.column_distance{
  width: 25%;
  padding-left: 20px;
}

.column_edr{
  width: 25%;
  padding-left: 20px;
}

.column_airport {
  width: 40%;
  padding-left: 20px;
}

.column_iata {
  width: 25%;
  padding-left: 20px;
}

.table_all {
  border-spacing: 0;  
  width: 100%;
  table-layout: fixed;
  font-size: 18px;
  border-collapse: collapse;
}


.table_all th {
  text-align: left;
  padding: 5px;
  border: 0.2px solid #ddd;
  background-color: #e9eff5;
  word-wrap: break-word;
}


.table_all td {
  text-align: left;
  padding: 5px;
  height: 40px;
  border-bottom: 1px solid #ccc;
  word-wrap: break-word;
}

.table_rank_number {
  font-weight: bold;
  text-align: center !important;
}


/* Star icon */
/*------------------*/
.rank_number_with_star {
  position: relative;
}

.container_star_icon {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  z-index: -1;
}

.star_icon {
  width: 30px;
}



/**************************************************************/
/* PHONES */
/**************************************************************/
@media only screen and (max-device-width: 600px){

  #cover_title {
    font-size: 40px;
    width: 85vw;
    top: calc(50% - 30px);
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #cover_title_year {
    font-size: 50px;
  }

  #container_sources_units {
    width: 90vw;
    max-width: 1000px;
  }

  #container_main_tables {
    width: 90vw;
  }

}