/* journies page only*/

.container {
    width: 100% !important;
    max-width: none !important;
    margin: none !important;
}

h1{
    padding-bottom: 0px !important;
}

#left-area {
    padding-right: 0% !important;
    width: 100% !important;
}

.et_right_sidebar #main-content .container:before {
    right: 0%!important;
}


/* Style the tab */
.tabbackground {
    background-color: #428bca;
}
.tab {
    overflow: hidden;
    border: 0px solid #ccc;
    background-color: #428bca;
    width:60%;
    margin: 0 auto; 
    justify-content: space-between;
}

@media screen and (max-width: 700px){
    .tab {
        width:95%;
    }
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px 14px 14px;
    transition: 0.3s;
    font-size: 22px;
    color: white;
    font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #679dcc;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #679dcc;
}


.journeyStatBarOuter{
    width:100%; 
    box-sizing: border-box; 
    background-color:#d8583c;
    color:white;
    text-align: center;
}

.journeyStatBarInner {
    padding:20px; 
    width:60%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 700px){
    .journeyStatBarInner {
        width:100%;
    }
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    width:70%;
    margin: 0 auto;
}

@media screen and (max-width: 700px){
    .tabcontent {
        width:100%;
    }
}

.tracknotesMapHeading{
    width:200px; 
}

@media screen and (max-width: 700px){
    .tracknotesMapHeading {
        width:100px;
    }
}

/* Style for direction signs*/
#direction_sign {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 200px;
    min-height: 30px;
    background-color: #007828;
    border: 2px  solid;
    border-radius: 10px;
    border-color: #FFF;
    box-shadow: 0px 0px 0px 5px #007828;
  }
   
  #direction_sign_text {
    text-align: center;
    padding: 10px 10px 10px 10px;
    color: #FFF;
    font-family: Trebuchet MS;
    font-size: 17px; 
    font-weight: bold;
  }
  
  /* Style for the core waypoint sheet*/
  table.cwptable {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
  }
  
  table.cwptable td, table.wptable th {
      border: .25px solid #dddddd;
      vertical-align: top;
      text-align: left;
      padding: 8px;
  }
  table.cwptable th {    
          background-color: #e7f14e;
          color:black;    }
  
  table.cwptable tr:nth-child(even) {
      background-color: #e7f14e12;
  }
  table.cwptable tr:nth-child(odd) {
      background-color: #e7f14e38;
  }
  
  /* Style for the sidetrip waypoint sheet*/
  table.swptable {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
  }
  
  table.swptable td, table.wptable th {
      border: .25px solid #dddddd;
      vertical-align: top;
      text-align: left;
      padding: 8px;
  }
  table.swptable th {    
          background-color: #00bc00;
          color:white;    }
  
  table.swptable tr:nth-child(even) {
      background-color: #00bc0012;
  }
  
  
  table.swptable tr:nth-child(odd) {
      background-color: #00bc0038;
  }
  
  /* Style for the alternate route/access waypoint sheet*/
  table.awptable {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
  }
  
  table.awptable td, table.wptable th {
      border: .25px solid #dddddd;
      vertical-align: top;
      text-align: left;
      padding: 8px;
  }
  table.awptable th {    
          background-color: #ff7e87;
          color:white;    }
  
  table.awptable tr:nth-child(even) {
      background-color: #ff7e8712;
  }
  
  
  table.awptable tr:nth-child(odd) {
      background-color: #ff7e8738;
  }
  


/*green tables*/
#green-table {
    font-family:trebuchet ms,Arial,Helvetica,sans-serif;
    width:100%;
    border-collapse:collapse}
  #green-table td,#green-table th{
    font-size:1em;
    border:1px solid #98bf21;
    padding:3px 7px 2px}
  #green-table th{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#a7c942;
    color:#fff}
  #green-table tr.alt td{
    color:#000;
    background-color:#eaf2d3}
  
/* weather */
.degrees{
    vertical-align: 10px;
    
    }
  
  .mintemp{
    font-size:25px;
    color:darkblue;
    }
    
  .maxtemp{
    font-size:25px;
    color:darkred;
    }




/* Journey Header*/
.journeySumBar{
    width:100%; 
    padding: 20px 100px 20px 100px;
    box-sizing: border-box; 
    background-color:#d84627;
    color:white;
    text-align: left;
    justify-content: space-between;
}

@media screen and (max-width: 700px){
    .journeySumBar{
        padding: 20px 10px 20px 10px !important;
    }
}