html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

button,html,input,select,textarea {
    font-family: inherit!important;
    color: #000
}

body, html {

    font-size: 16px;
    line-height: 26px;
    min-width: 320px;
    background-color: #EEF0F2;
}
.breadcrumb-item + .breadcrumb-item::before{
content:"·" ;
}
.breadcrumb {padding:0;}
.headline {
    font-size: 2.25em;
    line-height: 1.36111111em;
    color: #009fe3;
    margin: 0 0 16px;
}

.panflowlogin .submitbutton,input.button
{
	color:white!IMPORTANT;
	font-weight:bold!IMPORTANT;
}


#commontbl
{
	margin-left:auto!IMPORTANT;
	margin-right:auto!IMPORTANT;	
}
.pf_ov_titel
{
	white-space:nowrap;
}
.x_inputtext
{
	vertical-align:top;
}

.PF_Flag_DE,.PF_Flag_EN
{
	margin-right:10px;
}
#navi{padding:10px 0 15px 0;    background-color: #466574; }
#navi, #navi a,.breadcrumb a   {
    text-decoration: none;
color: #009fe3;
}
#navi a:hover {
    text-decoration: underline;
}
.icon::before{
display:inline-block;
width:25px;
    margin-right: 10px;
    transform: translateY(6px);

}
.icon.help::before{
content: url(#;
}
.icon.user::before{
content: url(#;
}

#header{
padding:15px 0 0px 0;background-color: #FFF;
}



#footer {
    margin-top: 90px;
    min-height: 90px;
    background-color: #009fe3;
}

.panflowlogin    {
	width: 80%;
    border: solid 15px #fff!important;
   background-color: #FFF;
}

.panflowlogin td.topic {
    background-color: #FFF!important;
    font-family: inherit!important;
    font-size: 16px!important;
    font-weight: bold;
    color: #4B5564!important;
    border-top: 0!important;
    border-bottom: solid 1px #78879B!important;
}
.panflowlogin input.width150px {
    width: 100%!important;
    background-color: #FFF;
    border: solid 1px #78879B;
    padding: 5px;

}
.panflowlogin td.content.borderbottom.borderbottom,.panflowlogin  td.content3.borderbottom,.panflowlogin  th.headline.borderbottom {
    border-bottom: 0;
}

.content[align="center"]{
text-align:right;
}
td.content, td.content3, td.spalte_weiss, th.headline, table.tbl {
    font-size: inherit!important;
    font-family: inherit!important;
}

.editProcesslink img,.pf_ov_details img,.pf_ov_extstatus img,.overviewExcelRow img,.openProcesslink img{display:none;}

.editProcesslink:before {
    content: url(../Bilder/edit-regular.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.openProcesslink:before {
    content: url(../Bilder/eye-regular.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.editProcesslink ,.pf_ov_details a,.openProcesslink{
	overflow: hidden;
    width: 28px;
    display: inline-block;
}
.pf_ov_details a:before{
    content: url(../Bilder/search-regular.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.pf_ov_extstatus a:before{
    content: url(../Bilder/traffic-light-light.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.overviewExcelRow a:before{
    content: url(../Bilder/download-light.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}

table.statusmode1 tr:nth-child(even),table[class^='statusmode'] tr:nth-child(even) {
    color: #000;
    background: #FFF;
}
td.content.valigntop {
    vertical-align: middle!important;
}
.extover_head {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}
#extover_head td{
padding-top:12px;
    font-size: 14px!important;
    line-height: 1.2;
    font-weight: 500;
}
td.topic{border:0!important;padding:12px!important; }
table {
    width: 100%;
}

@media (max-width: 1199px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%!important;
}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1480px;
    }
}

@media (min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1680px;
    }
}



.formular {width:100%!important;border:0!important;}
.x_cellcontainer{display:flex;flex-wrap: wrap;padding: 1rem 0;}
.panflowmainform .x_inputtext, .panflowmainform .x_textarea, .panflowmainform .x_select,
.panflowmainform .x_ro.x_inputtext, .panflowmainform .x_ro.x_textarea, .panflowmainform .x_ro.x_inputpwd, .panflowmainform .x_ro.x_inputfile, .panflowmainform .x_ro.x_inputhidden, .panflowmainform .x_ro.x_select {
    width: 100%;
}

.x_radiocontainer, .x_checkboxcontainer {
    height:auto!important;
}
.x_inputbutton, .x_inputsubmit, .x_inputreset {
    border: 0!important;

}
a:hover {
	text-decoration: none;
}
select {
    font-size: inherit!important;
    font-family: inherit!important;
    padding: 6px!important
}
td.spalte3.normalpadtop {
    padding-top: 12px;
padding-bottom: 12px;
}

.panflowmainform .selector{
left:auto;
right:15px;
background-image: url(../Bilder/folder-tree-regular.svg);
width: 35px;
    height: 32px;
    border-style: solid;
    background-color: #ccc;
    border-color: #ccc;
    cursor: pointer;
    position: absolute;
    top: 0;
}

.panflowmainform .selector:before{
    content: url(../Bilder/folder-tree-regular.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}


.bg-light {
    background-color: #ededed !important;
    border: 1px solid #ccc;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
    border-right: 1px solid #ccc;
    padding: 5px 10px;
}

.navbar-light .navbar-nav .nav-item:last-child .nav-link {
    border-right: 1px solid transparent;
}


.navbar-light .navbar-nav .nav-link:hover {
    background-color: #fff !important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#0084C9;
    font-weight: 700;
    background-color: #fff !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #000;
}

@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    
}

.navbar-light .navbar-toggler {
    background-color: #fff !important;
    border: 1px solid #ccc;
}

.month-volumes .warning {
    font-size: 16px;
    font-weight: 700;
    color: red;
}

.month-volumes .nhm, .table.orders .nhm{
    font-size: 14px;
    font-weight: 700;
    color:green;
}