:root{

    --mui-blue:#0b3d78;

    --mui-cyan:#1cb6d4;

    --mui-gray:#f6f7f9;

    --mui-border:#d8d8d8;

    --mui-text:#2b2b2b;

    --mui-white:#ffffff;

}
.mui-header{

    background:var(--mui-blue);

    color:var(--mui-white);

    font-size:.90rem;

#    min-height:38px;

}
.mui-header-wrapper{

    display:flex;

    min-height:38px;

    justify-content:space-between;

    align-items:center;

    min-height:42px;

    gap:20px;

}
.mui-header-left{

    flex:0 0 320px;

    display:flex;

    align-items:center;

    justify-content:flex-start;
  
    min-height:42px;

}
.mui-header-left form{
    margin:0;
    display:flex;
    align-items:center;
}

.mui-header-left .form-control{
    height:34px;
    line-height:34px;
}
.mui-header-center{

    flex:1;

    display:flex;

    justify-content:center;
 
    align-item:center;

}
.mui-header-right{

    flex:0 0 220px;

    display:flex;

    justify-content:flex-end;

    align-items:center;

}
.mui-header-menu  ul{
    
    display:flex;

    align-items:center;

    gap:24px;

    margin:0;

    padding:0;

    list-style:none;


}
.mui-header-left .search-block-form,
.mui-header-left form{
    margin:0;
    display:flex;
    align-items:center;
}
.mui-header-menu li{

    margin:0;
    padding:0;

}
.mui-header-menu a{

    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:.4rem;
    text-decoration: none;
    color: #fff;


}
.mui-header-menu a:hover{

    color:#ffd54f;

}
.mui-header-menu i{

font-size:1.2rem;
}
.mui-header-right .block{

    margin:0;

}
.mui-header-right ul{

    display:flex;

    margin:0;

    padding:0;

    list-style:none;

}
.mui-header-right li{

    margin:0 5px;

}
.mui-header-right a{

    color:white;

    text-decoration:none;

}
.mui-header input{

    height:30px;

    border:none;

    border-radius:4px;

}