body
{
margin:0;
padding:0;
top:0em;
left:0em;
}


#main
{
z-index:9;
display:block;
}


section
{
}

#header a,
#footer a,
#main a,
.menu-mod a
{
text-decoration:none;
font-weight:bold;
}


#topline
{
/* background: linear-gradient(to bottom, rgba(255,255,255,1) 5%, rgba(255,255,255,0.6) 100%); */
/*border-bottom:0.02em solid #666;
box-shadow:0em 0.2em 1em #666; */
pointer-events: none;  /* requires the chidren to be set auto again */
}

#topline-left
{
display:inline-block;
pointer-events: auto;  
}


#topline-right
{
pointer-events: auto;  
}


#topline-bg
{
width:100%;
height:100%;  
position:absolute;
left:0px;
right:0px;
pointer-events: none;
}


#header,
#topline
{
height:4em;
}

#header.small #topline
{
}

#header-logo
{
}

#header-logo img
{
height:4em;
width:auto;
}

#topline-back
{
height:2em;
width:auto;
padding-left:2em;
left:0.8em;
top:0.5em;
display:none;
}

body.uxs-back-button #topline-back
{
display:block;
}

#topline-back img
{
height:2em;
width:auto;
}


#menu-hamburger
{
height:3em;
width:auto;
top:0em;
right:0.4em;
padding-left:1em;
}

#header.small #menu-hamburger
{
height:1.4em;
}


#menu-hamburger img
{
height:3em;
}

div.section-header
{
padding-left:0.3em;
}

h1
{
display:inline;
font-weight:bold;
}

#header-title
{

}

#main
{
border-radius:0.3em;
}

div.section-header
{
margin:0;
}

div.section-body
{
padding:0em 0.1em 0em 0.3em;
}


body.portrait.screen-small div.section-body
{
padding-left:0.3em;
}


#contact-address
{
text-align:right;
margin:3em 0;
}

#menu-offer span
{
font-size:1.1em;
}



/* -------------------------------------- Chapter FOOTER ------------ */

#footer
{
margin:2em 0 2em 0;
}

body.landscape #footer
{
left:5vw;
width:90vw;
}


#footer-logo
{
position:absolute;
top:-6.34em;
left:0.5em;
}

#footer-logo img
{
height:7em;
}

#footer-contact
{
text-align:right;
width:16.8em;
padding:4.1em 0 0 0;
}

#footer-area-bottom
{
position:absolute;
bottom:0em;
right:0.8em;
display:flex;
flex-direction: row;
}

#footer-area-bg
{
height:18em;
}

#footer-area
{
position:relative;
margin:8em 0 0 0;
}


/* ----------------------------------------------- MISC ------------------------- */

.img-inline-email
{
  height:1.2em;
  display:inline;
}


.img-border
{
border:0.1em solid;
}

.img-shadow
{
box-shadow:0.2em 0.2em 0.5em #666;
}


/* --------------------- */
#topline-clip img.img-clip
{
height:3.4em;
width:auto;
}

#clip-overlay
{
line-height:0.6em;
}

#clip-overlay-txt
{
font-size:0.7em;
white-space: nowrap;
}


.app-but
{
cursor: pointer;
margin:0.7em auto 0.7em auto;
}

.app-but button
{
border-radius: 0.3em;
vertical-align:middle;
line-height:1.4em;
padding:0.15em 1em;
display:flex;
flex-direction: row;
justify-content: center;
border-width:0.08em;
outline:none;
}


.div-buttons-outside
{
position:absolute;
right:0.5em;
top: 1.2em;
list-style:none;
opacity:0.8;
display:none;
}


body.uxs-buttons-outside .div-buttons-outside
{
display:block;
} 

div.div-dum-fill-percent
{
position:absolute;
left:0;
top:0;
height:100%;
background-color:rgba(210,188,92,0.3);
border-top-left-radius: 0.1em;
border-bottom-left-radius: 0.1em;
z-index:1;
}

.next-to-div-dum-fill-percent
{
z-index:2;
}



div.div-dum-fill-percent
{
position:absolute;
left:0;
top:0;
height:100%;
background-color:rgba(210,188,92,0.3);
border-top-left-radius: 0.1em;
border-bottom-left-radius: 0.1em;
z-index:1;
}

.next-to-div-dum-fill-percent
{
z-index:2;
}

#mod-cell-list tr.invalid-weight div.div-dum-fill-percent
{
  background-color:rgba(250,32,16,0.4);
}

#mod-cell-list tr.empty-sort:not(.empty-weight) .td-num,
#mod-cell-list tr.empty-sort:not(.empty-weight) .td-txt-sort
{
color:rgba(250,32,16,0.9);
font-weight:bold;
}


/* Owner as a module disabled this way */
#mod-data-cell-detail-com-owner,
#mod-data .mod-header-item-mod-data-owner,
#mod-info .mod-header-item-mod-info-cell-byowner,
#mod-info-cell-byowner .section-body
{
display:none;
}

#mod-data-sort-table .th-num-percent-raw,
#mod-data-sort-table .td-num-percent-raw,
#mod-data-sort-table .th-num-percent-fine,
#mod-data-sort-table .td-num-percent-fine
{
display:none;  
}


body:not(.login-uy-6) #mod-data-sort-detail-txt-code-map,
body:not(.login-uy-6) #mod-data-sort-detail-num-percent-raw,
body:not(.login-uy-6) #mod-data-sort-detail-num-percent-spend,
body:not(.login-uy-6) #mod-data-sort-detail-num-percent-fine,
body:not(.login-uy-6) #mod-data-sort-detail-txt-number-map,
body:not(.login-uy-6) #mod-data-sort-detail-num-percent-air,
body:not(.login-uy-6) #mod-data-sort-detail-num-id-ext1,
body:not(.login-uy-6) #mod-data-sort-detail-chk-sort-incoming,
body:not(.login-uy-6) #mod-data-sort-detail-txt-code-two,
body:not(.login-uy-6) #mod-data-sort-detail-txt-thg
{
display:none;
}


body:not(.login-uy-6) #mod-data-cell-detail-txt-name,
body:not(.login-uy-6) #mod-data-cell-detail-com-celltype-data,
body:not(.login-uy-6) #mod-data-cell-detail-txt-tag-filling,
body:not(.login-uy-6) #mod-data-cell-detail-txt-tag-sort,
body:not(.login-uy-6) #mod-data-cell-detail-txt-number
{
pointer-events:none;
opacity:0.85;
}



#mod-data-sort .but-menu
{
 display:none; 
}

body.login-uy-6 #mod-data-sort .but-menu,
body.login-uy-5 #mod-data-sort .but-menu
{
display:block;
}


#header-title .tit-cell-perc
{
transform: scale(0.87);
display:inline-block;  
}

#header-title .invalid-perc-filling
{
color: rgba(250,32,16,0.9);  
}