﻿.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control2:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-control2 {
    display: table-cell;
}
.input-group .form-control2 {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height:50px;
    background: none;
    border-radius: 50px;
}
.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group .form-control2:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.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;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control2 {
    display: table-cell;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-time:before {
    content: url("../images/hour-party.webp");
  
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.formrow {
    margin-bottom: 10px;
}
.textarea
{
    min-height:100px!important;    
}

/* Time picker — gold frame, black text (match party form) */
.bootstrap-datetimepicker-widget.dropdown-menu {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #c19346 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16) !important;
  padding: 10px !important;
  z-index: 10050 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-bottom-color: #c19346 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-bottom-color: #fff !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-top-color: #c19346 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-top-color: #fff !important;
}
.bootstrap-datetimepicker-widget table,
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second,
.bootstrap-datetimepicker-widget a,
.bootstrap-datetimepicker-widget a[data-action],
.bootstrap-datetimepicker-widget span {
  color: #000 !important;
  text-shadow: none !important;
}
.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget button[data-action] {
  background: #f5ecd6 !important;
  border: 1px solid #c19346 !important;
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.bootstrap-datetimepicker-widget .btn:hover,
.bootstrap-datetimepicker-widget button[data-action]:hover {
  background: #eed996 !important;
  color: #000 !important;
}
.bootstrap-datetimepicker-widget .btn-primary,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"],
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
  background: linear-gradient(135deg, #c19346, #d5b069) !important;
  border-color: #c19346 !important;
  color: #000 !important;
  text-shadow: none !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #f0e4c4 !important;
  color: #000 !important;
}
#datetimepicker3 .form-control2 {
  border: 1px solid #c19346;
  color: #000;
  background: #fff;
  height: 50px;
}
#datetimepicker3 .input-group-addon {
  background: linear-gradient(135deg, #c19346, #d5b069);
  border: 1px solid #c19346;
  color: #000;
}
