/****** Time selection button *******/
.button-time-selector{
  position: absolute;
  margin: 8px;
  right: 120px;
}

.button-time-selector span{
  font-size: 14px;
  font-family: Raleway;
  font-weight: bold;
  color: #40AEEE;
}



.time-selector{
  border-bottom: 3px solid #40AEEE;
  position: fixed;
  top: 60px;
  left: 0px;
  right: 0px;
  z-index: 10;
  min-height: 200px;
  height: auto;
  color: black !important;
  /* opacity: 0.95; */
  overflow: hidden;
  padding-bottom: 10px;
}

.time-selector-header{
  /*position: absolute;
  left: 0px;
  right: 0px;*/
  height: 50px;
  /*background-color: blue;*/
}

.time-selector-content{
  /*position: absolute;
  left: 0px;
  right: 0px;
  top: 50px;*/
  height: auto;
  /*background-color: blue;*/
}

.time-selector-content-buttons{
  /*position: absolute;
  left: 0px;*/
  max-width: 310px;
  min-height: 140px;
}

.time-selector-buttons-wrapper{
  position: absolute;
}

.time-selector-content-selectors{
  /*position: absolute;
  right: 0px;*/
  /*width: 70%;*/
}


.time-selector-header h2{
  padding: 7px;
  padding-left: 22px;
  font-family: Raleway;
  font-weight: 400;
}

.button-time-selection-type{
  width: 150px;
  margin-left: 70px;
}

.quick-selector{
  max-width: 1200px;
}

.list-unstyled{
  padding-left: 0;
  list-style: none;
}

.list-unstyled a:hover{
  color: #40AEEE;
  cursor: pointer;
}

.relative-selector{
  max-width: 1100px;
}

.relative-selector input{
  color:black !important;
}

.relative-selector md-select-value{
  color:black !important;
}

.relative-selector-from{
  min-width: 150px;
  max-width: 300px;
}

.relative-selector-from-picker-number{
  margin-right: 10px;
  max-width: 90px;
}

.relative-selector-from-picker-type{
  margin-right: 30px;
}

.relative-selector-to{
  width: 200px;
  max-width: 200px;
}

.relative-selector-to-picker-now{
  margin-right: 20px;
}

.button-relative-selector-go{
  margin-top: 42px;
}


.absolute-selector{
  max-width: 1100px;
}

.absolute-selector-from{
  max-width: 350px;
  overflow: hidden;
}


.absolute-selector .time-box {
  margin-bottom: -16px;
}

.absolute-selector .time-format {
  color: rgb(201, 201, 201);
  font-size: 14px;
}
.absolute-selector .invalid-time {
  color: rgb(29, 29, 29);
  font-style: italic;
}

.absolute-selector .date-calender {
  margin: 0px;
}

.set-to-now {
  max-width: 100px;
  font-size: 13px;
  margin-right: 34px;
  color: #5160b3bf;
  z-index:100;
}

.set-to-now span {
  cursor: pointer;
}

.set-to-now span:focus {
  outline: 0;
}

.set-to-now span:hover {
  color: #2a388bbf;
}

.absolute-selector-to {
  max-width: 350px;
  overflow: hidden;
}

.button-absolute-selector-go{
  margin-top: 42px;
}

.date-container{
  color: grey !important;
}

#input_1{
  color: grey !important;
}

#select_2{
  color: grey !important;
}

.date-picker{
  color: lightslategrey;
}