.wrapper{
  background-color: #000;
}

.navbar{
  margin-bottom: 0em;
}

.topnav {
  /*overflow: hidden;*/
  font-family: Arial;
  margin-bottom: 40px;
} 

.topnav li{
  display: inline;
  text-align: center;
}

/* Links inside the navbar */
.topnav a {
  float: left;
  font-size: 16px;
  color: white !important;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none; 

}

.logout li{
  padding-right: 20px;
  height: 19.1px !important;
}



.active .dropdown {
  background-color: green !important;
  width: 100%;
}

.active a{
  background-color: green !important;
  width: 100%;
}


.logout a{  
  color:red !important;
  margin:0px;
  padding:0px;
}



/* The dropdown container */
.dropdown {
  float: left;  
} 

/* Dropdown button */
.dropdown .dropbtn {
  display: inline !important;
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 14px 0px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333 !important;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  background-color: #333 !important;
  padding: 12px 16px; 
  text-decoration: none;
  display: block;
  text-align: left;
  padding-left: 50px;
}

.topnav .icon {
    float: right;
    display: none;
  }
 
/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: red !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;

} 

.lang{
  padding-top: 15px;
  margin-right: 15px;
}

@media screen and (max-width: 600px) {
  .topnav li:not(.active) {
    display: none;
  }

  .topnav .icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) { 
  .topnav.responsive {position: relative;}
  .topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive li {
    float: left;
    display: block;
    text-align: center;
    width: 100%;
    z-index: 200;
  }


  .topnav.responsive .dropdown { float: none;text-align: center;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/********************************************************  ^ NAVBAR ^  **************************************************************/

/* HIGHLIGHT INPUT ON FOCUS */
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

/* /HIGHLIGHT INPUT ON FOCUS */


.logout li{
  padding-right: 20px;
  height: 19.1px !important;
}

.logout a{  
  color:red !important;
  margin:0px;
  padding:0px;
}

.upload{
  border:0px;
  margin:10px;
  border-color: white;
}

.active a{
  background-color: green !important;
  width: 100%;
}

.submit{
  width: 65%;
  margin-top: 30px;
  text-align: center;
}

.btn{
  position: absolute;
}

form{
  margin-bottom: 80px;
}

/*footer {
  position:static;
  left:0px;
  bottom:0px;
  height:60px;
  width:100%;
  background-color: #333;
  color: #fff;
  padding: 15px;
  text-align:center;
  font-size: 24px;
  }*/

footer {
  background-color: #333;
  color: white;
  padding: 1em;
  font-size: 1em;
  text-align: center;
  }

footer a{
  font-size:1.1em;
  color: white;
  display: table;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;    
  }

  footer h3{
    font-size: 2em;
  }
 
  .links a{
    display: inline;
  }

  .footerJobs{
    background-color: transparent !important;
  }

  @media screen and (max-width: 767px) {
      .submit{width: 90%;}
    }

    @media screen and (max-width: 320px) {
      .fa-globe{display:none;}
  }