html, body {
    background-color: #d2d7dd;
    margin:0;
    padding:0;
}


.navbar-first {
    background-color: #1A2226;
    height: 35px;
    display: flex;
    align-items: center;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d2d7dd;
    right: 1%;
    top: 6%;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size: smaller;                        
}

.dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}

#flaglang {
    width : auto;
    height : 1em;
}


#picto-lang {
    margin-left: auto;
    width: auto;
    height: 60%;
}


#picto-button {
    width: auto;
    height: 10%;
    margin-right: 1%;
    margin-left: 0.2%;
}

#drpmn {
    display: none;
}

.logo {
    vertical-align: baseline;
    width: auto;
    height: 60%;
    margin-left: 2%;
}

#home-icon-white {
    width: auto;
    height: 20px;
}
#home-icon-yellow {
    width: auto;
    height: 20px;
}

.pp {
    vertical-align: baseline;
    width: auto;
    float:right;
    margin-right: 5%;
    height: 30px;
}

#langSelect {
    vertical-align: baseline;
    width: auto;
    float:right;
    margin-right:2%;
    width:9em;
    height: 50%;
}

.line-navbar {
    height: 3px;
    background-color: #F29C13;
}


.navbar-second {
    background-color: #C37C13;
    height: 30px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 0.95em;
    font-weight: bold;

}

.navbar-second a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    
    text-decoration: none;
}

.navbar-second a:hover {
    background-color: #0a8447;
    color: white;
}

.navbar-second a.active {
    background-color: #0a8447;
    color: white;
}


#home-a-logo a:hover {
    background-color: #C37C13;
    color: white;
}

#home-a-logo a.active {
    background-color: #C37C13;
    color: white;
}

#home-icon {
    width: auto;
    height: 2em;
}

.noHover{
    pointer-events: none;
}

.home {
    padding-left: 0.4%;
    padding-right: 0.4%;
}


.navbar-third {
    background-color: #0a8447;
    height: 22px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #1A2226;
    font-family: Arial, sans-serif;
    font-size: 0.80em;
    font-weight: bold;

    padding-left: 80px;
}

.navbar-third a {
    float: left;
    color: #1A2226;
    text-align: center;
    padding-top: 1px;
    padding-right: 2vw;
    text-decoration: none;
}

.navbar-third a:hover {
    background-color: #0a8447;
    color: white;
}

.navbar-third a.active {
    background-color: #0a8447;
    color: white;
}

.admin-sub {
    display:none;
    height: 22px;
}

.provider-sub  {
    display: none;
    height: 22px;
}

.catalogue-sub {
    display: none;
    height: 22px;
}

.clients-sub {
    display: none;
    height: 22px;
}

.gestcom-sub {
    display: none;
    height: 22px;
}

.bills-sub {
    display: none;
    height: 22px;
}

#detectLineNav{
    height: 20px;
}

.btn-dark:hover {
    color: white;
}