/* Select materialize : Champ */

.select-wrapper {
  position: relative;
}

.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #900;
}

.select-wrapper .caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87);
}

.select-wrapper + label {
  position: absolute;
  top: -26px;
  font-size: 0.8rem;
}

.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled .caret {
  fill: rgba(0, 0, 0, 0.42);
}

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.42);
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, 0.03);
}


/* Select materialize : Liste déroulante */

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);	
  padding-left: 0;
  list-style-type: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;	
}

.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
}

.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee;
}

.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #900;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}



/* DATEPICKER */

.datepicker-overlay{
	z-index:99;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
}

.datepicker-modal{
	display:none;
	position:fixed;
	left:0;
	right:0;
	width:55%;
	max-width:325px;
	min-width:300px;
	padding:0;
	margin:auto;
	color: rgba(0, 0, 0, 0.87);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;	
	background-color:#fff;
	overflow-y:auto;
	border-radius:2px;
	will-change: top, opacity;
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.datepicker-container{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:0;
}

/* Datepicker : Date Display */
.datepicker-date-display{
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	background-color: #900;
}

.datepicker-date-display .datepicker-day{
	color:#c8e2df;
    font-size:16px;
    line-height:32px;
  	font-weight:200;
    background:#900;
}

.datepicker-date-display .datepicker-num{
	display:block;
	font-size:70px;
	font-weight:500;
}

.datepicker-date-display .datepicker-date{
	display:block;
	font-size:1.5rem;
	line-height:30px;
	color:rgba(255, 255, 255, 0.6);
}

/* Datepicker : Filtre contrôle */
.datepicker-controls{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
    -ms-flex-pack:justify;
	justify-content:space-between;
	width:280px;
	margin:0 auto;
}

.datepicker-controls .selects-container{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}

.datepicker-controls select{
	display:none;
}

.datepicker-controls .select-wrapper input[type=text]{
    height:30px;
  	margin:0 3px;
    line-height:30px;
	text-align:center;
	border:1px solid #f2f2f2;
	border-radius:2px;
}

.datepicker-controls .select-wrapper input[type=text]:focus{
	border:1px solid #f2f2f2;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.datepicker-controls .select-wrapper .caret{
	display:none;
}

.datepicker-controls .select-month input{
	width:100px;
}

.datepicker-controls .select-year input{
	width:60px;
}

.datepicker-controls .month-prev, .datepicker-controls .month-next{
	margin-top:4px;
	background-color:transparent;
	border:none;
	cursor:pointer;
}

.datepicker-controls .month-prev:focus, .datepicker-controls .month-next:focus{
	background-color:#f2f2f2;
}

/* Datepicker : Calendar */
.datepicker-calendar-container{
	padding-top:12px;
	-webkit-box-flex: 2.5;
	-webkit-flex: 2.5 auto;
	-ms-flex: 2.5 auto;
	flex: 2.5 auto;
}

.datepicker-table{
	width:280px;
	margin:0 auto;
	font-size:1rem;
}

.datepicker-table thead{
	border-bottom:none;
}

.datepicker-table th{
	padding:10px 5px;
	text-align:center;
}

.datepicker-table tr{
	border:none;
}

.datepicker-table abbr{
	color:#999;
	text-decoration:none;
	border:none;
}

.datepicker-table td{
	padding:0;
	border-radius: 50%;
}

.datepicker-table td.is-today{
	background-color:#f2f2f2;
}

.datepicker-table td.is-selected{
	color:#fff;
	background-color:#900;
}

.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled{
	color:rgba(0, 0, 0, 0.3);
	pointer-events:none;
}

.datepicker-day-button{
	display:block;
	width:100%;
	padding:0 5px;
	color:inherit;
	font-size:14px;
	line-height:38px;
	background-color:transparent;
	border:none;
	border-radius:50%;
	cursor:pointer;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s; 
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}

.datepicker-day-button:hover{
	color:#fff;
	background-color:#900;
}

.datepicker-day-button:focus{
	background-color:#cae7e5;
}

/* Datepicker : Footer */
.datepicker-footer{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:280px;
	padding-bottom:5px;
	margin:0 auto;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.datepicker-footer button{
	display:inline-block;
    height:36px;
    padding:0 1rem;
	margin:0;
    color:#900;
    font-size:14px;
    line-height:36px;
    text-transform:uppercase;
    background-color:transparent;
    border:none;
    border-radius:2px;
    outline:0;
    cursor:pointer;
    -webkit-transition:background-color .2s;
    transition:background-color .2s;
}

.datepicker-footer button:focus{
	background-color:#e1e1e1;
}

.datepicker-footer .datepicker-done{
	display:none;
}