/*Custom CSS for Date/Time Picker*/

/*Remove this again...*/

@Import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

.icon-calendar {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

.icon-calendar:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.icon-time{
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

.icon-time:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.icon-calendar,.icon-time {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

.icon-calendar:before {
    content: "\f073";
}

.icon-time:before {
    content: "\f017";
}

.icon-time{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../Style Library/Images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-time {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-left: 250px;
    position: relative;
    top: -35px;
}

.icon-calendar {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../Style Library/Images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-calendar {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
margin-left: 250px;
    position: relative;
    top: -35px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  /* padding: 5px 0; */
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;
}

/*Changed*/
.bootstrap-datetimepicker-widget.bottom {
    top: 0;
    left: 0;
    width: 295px;
    padding: 4px;
    margin-top: 2px;
    z-index: 99999;
    border-radius: 2px;
    background-color: #eff3f6;
    border: 2px solid rgb(46, 169, 211);
    position:absolute;
    height:150px;
    margin-left:20px;
    
    position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  /* padding: 5px 0; */
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;

  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;

}

div.bootstrap-datetimepicker-widget.usetwentyfour.bottom {
    top: 0;
    left: 0;
    width: 295px;
    padding: 2px;
    margin-top: 2px;
    z-index: 99999;
    border-radius: 4px;
    background-color: #eff3f6;
    border: 2px solid rgb(46, 169, 211);
    position: absolute;
    height: auto;
    margin-left: 0;
    
    position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  /* padding: 5px 0; */
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;

}


div.bootstrap-datetimepicker-widget.usetwentyfour.top {
    top: 0;
    left: 0;
    width: 295px;
    padding: 2px;
    margin-top: 2px;
    z-index: 99999;
    border-radius: 2px;
    background-color: #eff3f6;
    border: 2px solid rgb(46, 169, 211);
    position:absolute;
    height: auto;
    margin-left:0;
    
     position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  /* padding: 5px 0; */
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;

  border: 2px solid rgb(46, 169, 211);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;

}


/* RQI: Arrow for Bottom */

/*.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}*/

/* RQI: Arrow for Top */

.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}

/* Days Column Width */

.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}

.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget>ul {
  list-style-type: none;
  margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-size: 20px;
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}

.bootstrap-datetimepicker-widget .datepicker>div {
  display: none;
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  font-size: 14px;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  border-radius: 4px;
  background: none;
  border-bottom: none;
  padding: 5px;
  border-right: none;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #c7c7c7;
}

/* Today */

.bootstrap-datetimepicker-widget td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #2ea9d3;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #2ea9d3;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget td span {
  display: block;
  /*width: 47px;*/
  width:100%;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
  padding: 5px 0 5px 0;
}

.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget td span.old {
  color: #999999;
}

.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget th.switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}

.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}

.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li.in div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td {
  padding: 0;
}

/* Customized Button */

.btn-time,
.btn-time:focus {
  color: #389b98;
  text-decoration: none;
  background-color: transparent;
  
 
    color: #389b98;
    text-decoration: none;
    background-color: transparent;
    min-width: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-green {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-time i {
  padding: 0 7px 0 7px;
}

.btn-time:hover {
  color: #12615F;
  text-decoration: none;
  background-color: #eee;
}

/*media querie overrides*/
@media only screen and (min-width: 700px){
  .btn-time,
  .btn-green{
    min-width:0 !Important;
  }
  
}

/*span buttons*/
.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

/*overrides*/

.timepicker-picker > table.table-condensed > tbody > tr > td > a.btn{
	min-width:0 !Important;
	color: #389b98;
    text-decoration: none;
    background-color: transparent;
    min-width: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*select2 icon override*/
.select2-container--default .select2-selection--single .select2-selection__arrow{
	display:none;
}