html {height:100%;}
    
body {font-family:"DM Sans";background:#f5f5f5;}

#logo
{
	display:block;
	margin:1rem 0 0;
	max-height:100px;
}

.card 
{
	border:none;
	box-shadow:0px 2px 2px 1px rgba(0,0,0,0.1);
    box-shadow:0px 3px 3px 0px rgba(0,0,0,0.05);
	border:1px solid #ddd;
	
	max-width: 800px;
	margin: auto;	
}

.card-header
{
	background: transparent;
	border-bottom: none;
	color: #999;
	padding:1.2rem;
	font-size: 1rem;
	border-bottom:1px dashed #ccc;
	margin-bottom:1rem;
}
.card-body 
{
	padding:2rem;
}

.btn-primary
{
	padding: 0.7rem 2rem;
	box-shadow:-1px 1px 2px 1px rgba(0,0,0,0.14),-1px 1px 2px 0px rgba(255,255,255,0.3) inset;
	box-shadow:-1px 1px 2px 1px rgba(0,0,0,0.14),-3px 3px 7px 0px rgba(255,255,255,0.2) inset;
	box-shadow:-1px 1px 2px 1px rgba(0, 0, 0, 0.07), -1px 1px 2px 0px rgba(255, 255, 255, 0.15) inset;
	background:#3e7bee;
	border-color:#3e7bee;
	border-radius:3px;
	font-size:1rem;
}


.btn-primary:hover
{
	background:rgb(35, 140, 238);
}

.btn-toggle
{
	border-color:#ced4da;
}


input.form-control
{
	box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.05) inset;
	padding-top:.5rem;
	padding-bottom:.5rem;
	height:auto;
}
