/*nav*/
.nav {
    background-color: #132130;
    width: 100%;
    height: 80px;
    display: flex;
}
.nav ul {
    margin-top: 0;
}
.nav li {
    list-style: none;
    line-height: 0px;
    
}

.nav-logo {
    font: bold 24px Arial;
    position: absolute; 
    top: 40px; 
    left: 10px;
    transform: translate(0,-50%);
}
.nav li button {
    text-decoration: none;
    font-weight: bold;
    background: none;
    
}
.nav li button:hover {
    text-decoration: none;
}
.nav-middle {
    display: flex;
    position: absolute; 
    top: 40px;
    left: 48%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
}
.nav-middle li {
    padding:0px 0px;
}

.nav-right {
    display: flex;
    position: absolute;
    top:40px;
    right: 40px;
    transform: translate(0,-50%);
}


/*nav-buttons*/
.nav-disabled {
    color: #89919a;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-disabled:focus {
    outline: none;
}

.nav-productlist {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-productlist:hover {
    color: #a5a5a5;
}

.nav-production_tracking {
    color:#fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-production_tracking:hover {
    color:#a5a5a5;
}

.nav-fabric_stock {
    color:#fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-fabric_stock:hover {
    color:#a5a5a5;
}

.nav-sample_list {
    color:#fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-sample_list:hover {
    color:#a5a5a5;
}

.nav-accessory_list {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-accessory_list:hover {
    color:#a5a5a5;
}

.nav-order_list {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none;
}
.nav-order_list:hover {
    color:#a5a5a5;
}

.nav-button {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
    font: 20px 'Trebuchet MS';
    padding-right: 20px;
    padding-left: 20px;
}
.nav-button:hover {
    color:#a5a5a5;
}

.nav-button-end {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none;
    font: 20px 'Trebuchet MS';
    padding-right: 20px;
    padding-left: 20px;
}
.nav-button-end:hover {
    color:#a5a5a5;
}

.nav-profil {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-profil:hover {
    color: green;
}

.nav-homepage {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-homepage:hover {
    color: green;
}

.nav-login {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #f27a1b;
}
.nav-login:hover {
    color: green;
}

.nav-register {
    color: #fff;
}
.nav-register:hover {
    color: green;
}

.nav-logout {
    color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none;
}
.nav-logout:hover {
    color: red;
}

.nav-report {
    color:#fff;
    border-top: none;
    border-left: 2px solid #f27a1b;
    border-bottom: none;
    border-right: none;
}
.nav-report:hover {
    color: green;
}

/*pop-ups*/
.profil_pop-up {
    display: none;
    position: absolute;

    right: 160px;
    top: 70px;
    width: 100px;
    height:100px; 
    background: rgb(79, 77, 77);;
    z-index: 1;
    border-radius: 10px;
    padding-top: 5px;
}
.profil_pop-up button {
    width: 100%; 
    border: 0; 
    font: normal 15px Arial;
    background: #00D890;
}
.profil_pop-up button:hover {
    background: #f27a1b;
}