@import url("https://fonts.googleapis.com/css?family=Pacifico");

@import
	url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap')
	;

html, body {
	height: 100%;
	color: #1E1E1E;
	font-family: 'Montserrat';
	background-color: ghostwhite;
}

.material-tooltip {
	background-color: #26a69a;
	border-radius: 5px;
}

.main-loader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1004; /*car .modal à un z-index 1003 par defaut*/
}

.flex-container {
	height: 100%;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.toast {
	background-color: teal;
	color: white;
}

nav {
	background-color: #132d4d;
}

.sidenav li>a {
	background-color: #132d4d;
	color: white;
}

.sidenav a:hover {
	background-color: #9de1a3 !important;
}

.sidenav li>a>i.material-icons {
	color: white;
}

.sidenav .collapsible-header, .sidenav.fixed .collapsible-header {
	padding: 0 32px;
	background-color: #132d4d;
}

.sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a {
	padding: 0 0 0 55px;
	background-color: #ffcd82;
}

.materialboxed {
	margin: auto;
}

.sidenav .user-view .circle {
    height: 90px;
    width: 90px;
}