@charset "UTF-8";
/* CSS Document */

html,body{
	height:100%;
}

.navbar-custom{
	left:0;
}

.footer{
	left:0;
}

.content-page{
	margin-left:0;
	height:100%;
	position: relative;
}

body[data-sidebar-size=condensed] .content-page {
	margin-left:0 !important;
}

body[data-sidebar-size=condensed] .navbar-custom {
    left: 0px !important;
}

.content{
    height:100%;
}

.container-fluid{
	height:100%;
}

.row{
	height:100%;
}

.col-xl-8{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.login-button{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);/*影*/
	border:solid 2px #6C757D;
	background:#6C757D;
	color:white;
	text-align:right;
	marign-right:10px !important;
	transition:all 0.2s ease 0s;
	border-radius: 3px;
	padding:5px 23px 5px 23px;
}

.login-button:hover{
    background: white;
	color:#6C757D;
	border:solid 2px #6C757D;
}

.logout-button:active{
	box-shadow: none;
}


@media screen and (max-width: 991.98px) {

	body{padding-bottom:0;}

}

@media screen and (min-width: 768px){
	body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages){min-height:0 !important;}
}

@media screen and (min-width: 600px) {

	.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%;}

}