@charset "utf-8";
.header {height: 80px;}
.box-shadow-none{box-shadow:none !important;}
.bgcolor-none{background-color:white !important;}
.system-logo img{
  width: 30vw;
  min-width: 150px;
  max-width: 300px;
}
.system-logo p{
  text-align: center;
  font-size: medium;
  font-weight: bold;
  color: #00BBFF;
  font-family: sans-serif;
}
.dropdown-menu li *{
    color:black !important; 
} 
/* header menu */
/*
.header-nav-base {background-color:#032B5B;color:#FFFFFF;}
.header-nav {background-color:#032B5B;color:#FFFFFF;}
.header-nav:hover {background-color:#44eeff;color:#FFFFFF;}
.header-nav-active {background-color:#44eeff;color:#0000FF;}
*/
.header-nav-base {
    background-color: transparent !important;
}
.dropdown-item {
    color: #0077cc;
}

.header-nav {
  background-color:#032B5B;
  border-bottom:3px solid #032B5B;
  color: white;
  word-break: keep-all;
}
.header-nav:hover {
  background-color:#054593;
  border-bottom:3px solid #065CC5;
  color: white;
}
.header-nav-active {
  background-color:#3b71ca;
  border-bottom:3px solid  #0769E0;
  font-weight:bold;
  color: white;
}
.header-right-border {
  border-right:2px solid #EEEEEE !important;
}
.header-client {
  min-width:280px;
}

.main-header {
  margin-top:15px;
  color:#3b71ca;
  font-size:1.4em;
  font-weight: bold;
}

.main-header p{
  margin-bottom: 15px;
  text-align: left;
  padding-left: 1rem;
}

footer .container {
  
  text-align:center;
  margin-right: auto;
  margin-left: auto;
  
  padding: unset;

  font-size:85%;
  background-color: #032B5B;
  color: white;
}
footer .content-size{
  padding-top: 10px;
  max-width: 1600px;
  height: 95px;
  border: 0px;
  box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}
footer .content-size-login{
  margin-top: 0;
  padding-top: 20px;
  max-width: 800px;
  height: 60px;
  border: 0px;
  box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}
footer hr{
  margin: 0.5rem 0;
}

footer .contact span{margin:0 10px}

.sp-header{display: flex;}
.sp-header > * {margin:0 10px}

@media (max-width:577px){
    .footer .content-size { height: 85px;}
}

