/* You can add global styles to this file, and also import other style files */
html {
	height: 100%;
}

body {
	// 64px for the header and 15px for a litle margin.
	padding-top: 90px;
	padding-bottom: 30px;
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content:space-between;
	min-height: 100%;
}

/* ***** Floating card button ***** */
.btn-card-floating {
	border-radius: 50%;
	width: 47px;
	height: 47px;
	margin: -23px 20px;
	margin-left: auto;
	line-height: 0;
	display: inline-block;
	text-align: center;
	line-height: 47px;
	padding-left: 2px;
	z-index: 1;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
	background-color: #3f51b5;
	transition: box-shadow 0.3s ease-in-out;
}

.btn-card-floating:hover {
	box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}
/* ***** End of floating card button ***** */

/* ***** Dropdown items style ***** */
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}
.dropdown-item {
	border-radius: .125rem;
	transition: all .1s linear;
}
.dropdown-item:hover, .dropdown-item:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: #4285f4 !important;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}
/* ***** End of Dropdown items style ***** */

/* ***** Card style ***** */
.card {
	border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
/* ***** End of Card style ***** */

img {
	max-width: 100% !important;
}
