#content .content>.nord-frame{
	margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 5px 20px;
}

.fixed-bg{
	background: url('/resource/media/harbor-small.png');
	background-position: center;
}

#worker-nav{
    /* padding: 10px; */
    /* background: var(--worker-color); */
    background: var(--nord-red);
	background: #333333;
		/* linear-gradient( 245deg, white, pink ); */
	border: 0px solid;
	/* z-index: 99; */
	position: relative;
}
#worker-nav input{
    background: white;
}
.dark #worker-nav input{
    /* background: var(--dark-bg); */
	background: lightgrey;
	color: black;
}

#wono-top-10{
    display: inline-block;
    width: 160px;
	/* max-width: 160px; */
	/* padding: 5px 20px !important; */
    /* height: 500px; */
    /* border: 2px solid blue; */
    vertical-align: top;
    float: left;
    margin-right: 10px;
	/* background: black; */
	border-radius: 5px;
}
#wono-top-10-header{
    font-weight: bold;
    padding: 0 10px 10px 10px;
	/* background: white; */
		/* var(--worker-color); */
	/* color: black; */
	border-radius: 5px 5px 0px 0px;
	margin-top: 0px;
	margin-bottom: 10px;
    font-size: 1.1rem;
	
}
#wono-top-10 .worker-grid{
	border: 3px solid #7f6969;
}
.dark #wono-top-10 .worker-grid{
	border: 3px solid #2b2424;
}

#worker-nav,
.grid-wrap{
    max-width: calc(100% - 180px);
    display: inline-block;
}
.grid-wrap{
    text-align: center;
}
#worker-nav input,
#worker-nav select{
	width: 100%;
}
#worker-nav .column-3{
	padding: 0 10px;
}

#worker-search{
    width: 300px;
}

.header-wrap{
    position: sticky;
    top: 65;
    z-index: 9;    
    margin-top: 40px;
    background: white;
    z-index: 9;
    border-bottom: 2px solid;
    margin-bottom: 10px;
}
.dark .header-wrap{
    background: var(--dark-bg);
}


.grid-wrap{
    /* border: 2px solid green; */
}


/* .worker-grid .worker-nationality, */



@media screen and (max-width: 800px){
	#wono-top-10.column{
		display: none;
	}

	#worker-nav,
	.grid-wrap{
	    max-width: 100%;
	    display: inline-block;
	}
}