.popup {
  position: absolute;
  left: 0;
  top: 0;
  height: 25vh;
  width:100%;
  background: white;
  border:1px solid grey;
  border-top:none;
  z-index:1000;
  overflow:auto;
}

.popup h1{
	position:relative;
}
td {padding: 2px 5px;}
td input{margin:0 !important;height:1.5em !important;}
td .select-wrapper input.select-dropdown{height:1.5em;line-height:1.5em;}

body{
  font-family:"Roboto","Helvetica","Arial",sans-serif;
  background-color:#f9f9f9;
  color:#333;
  margin:0;
}

.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 1rem;
}

.row{margin-bottom:1rem;}
.col{padding:0 .5rem;}

.nav-wrapper{background-color:#3f51b5;}
.brand-logo{font-size:1.5rem;}

.btn,
.btn-small,
.btn-floating{
  background-color:#3f51b5;
  color:#fff;
  border:none;
  border-radius:4px;
  transition:background-color .2s;
}

.btn:hover,
.btn-small:hover,
.btn-floating:hover{background-color:#5c6bc0;}

.card{
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  overflow:hidden;
}
.card-title{font-weight:600;}

table,
.table{
  width:100%;
  border-collapse:collapse;
}

table th,
.table th{
  background-color:#f2f2f2;
  font-weight:600;
}

table td,
table th,
.table td,
.table th{
  border:1px solid #ddd;
  padding:.5rem;
}

.responsive-table{width:100%;overflow-x:auto;}
.striped tbody tr:nth-child(even){background-color:#f9f9f9;}
.hoverable:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);}

.input-field input,
.input-field select,
.input-field textarea{
  border:1px solid #ccc;
  border-radius:4px;
  padding:.5rem;
}

.input-field input:focus,
.input-field select:focus,
.input-field textarea:focus{
  border-color:#3f51b5;
  box-shadow:none;
}

.chip{
  border-radius:16px;
  background-color:#e0e0e0;
  padding:0 .75rem;
}

.alert,
.info,
.success,
.error{
  padding:.75rem 1rem;
  border-radius:4px;
  margin-bottom:1rem;
}

.alert{background-color:#fff3cd;color:#856404;}
.info{background-color:#e3f2fd;color:#0d47a1;}
.success{background-color:#e8f5e9;color:#2e7d32;}
.error{background-color:#ffebee;color:#c62828;}

.center-align{text-align:center;}
.left{float:left;}
.right{float:right;}
.clearfix::after{content:"";display:block;clear:both;}
.highlight{background-color:#fffde7;}
.w-full{width:100%;}

.modal{border-radius:8px;}
.sidenav{background-color:#3949ab;color:#fff;}
.sidenav a{color:#fff;}

.collapsible{border:none;box-shadow:none;}
.collapsible-header{padding:.5rem 1rem;background-color:#e0e0e0;cursor:pointer;}
.collapsible-body{padding:1rem;background-color:#fafafa;}

.helper-text{font-size:.8rem;color:#6b6b6b;}

.datepicker{padding:.5rem;border:1px solid #ccc;border-radius:4px;}

.form_bouton{margin-top:1rem;}