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

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

.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;
}

input, textarea {
	color: #f8485e;
}

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

nav {
  background-color: #f8485e;
}

.sidenav li > a {
  background-color: steelblue;
  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: steelblue; 
}

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

tbody tr {
	font-size: 12px;
}

td a {
	height: 25px !important;
	line-height: 25px !important;
	vertical-align: middle;
	display: inline-block;
}

.materialboxed {
	margin: auto;
}

.dropdown-content li>a, .dropdown-content li>span {
	font-size : 12px;
}

.material-tooltip {
	background-color: teal;
}