main {
    margin-top: 4rem;
}

main > .container-fluid 
{
    padding:0;
}

main > .container{
    width: 72%;
}

/* navbar */
.nav {
    background:none;
}
.navbar-brand {
	margin-left: 10vw;
	height: 4rem;
}

.navbar-brand img {
	margin-top: 0.2rem;
}

.navbar-nav {
    margin-top: 0.5rem;
}

@media screen and (max-width:768px) {
	.navbar-brand {
		margin-left:0;
	}
}


footer{
	padding: 1.5rem 0 ;	
	background: -moz-linear-gradient(right, #daf7fc 0%, #b7deec 100%);
	background: -webkit-linear-gradient(left, #daf7fc 0%,#b7deec 100%);
	background: linear-gradient(to right, #daf7fc,#b7deec);
}

footer table a {
    text-decoration:none;
	color:#333;
}

.footer > .container {
    margin-top: 3rem;
    padding-right: 15px;
    padding-left: 15px;
    width: 80%;
}

@media screen and (max-width:1400px) {
	.foot-menu {
		display: none;
	}
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}


/*------------------- submenu -----------------------------*/
ul {
    text-align: center;    
}

ul li {
    display: inline-block;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;    
}

ul li:hover .submenu {
    height: 80px;   
    z-index: 1;
}
/*
  ul li:hover a {
    color: #3862a0;
  }
*/
  ul li:hover a::before {
    visibility: visible;
    transform: scale(1, 1);
  }

  ul li .submenu {
    overflow: hidden;
    position: absolute;
    margin-top: 16px;
    left: 0;
    width: 100%;
    background-color: white;
    height: 0px;
    line-height: 20px; 
    box-sizing: border-box;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s; 
  }

  ul li a {
    color: #fff;
    display: block;
    padding: 0 7px 0 7px;
    margin: 0 0 5px;
    text-decoration: none;
    position: relative;
  }


  .submenu li a {
    color: black;
    margin-top: 20px;
    font-size: 16px;
    text-decoration: none ;
  }

  ul li .submenu a:hover {
    color:blue;
    text-decoration: none;
  }
  
/* 画线？
  ul li a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -24px;
    left: 0px;
    background-color: #3862a0;
    transition: all 0.2s ease-in-out;
    transform: scale(0, 0);
    visibility: hidden;
  }
*/

.nav-link {
    color: black;
    font-size: 1.1rem;
}