/* Booking Widget Styling Overrides */


/* Res Diary (Rooms) */

.resboxnew {
    padding:0!important;
    margin: 0!important;
    width: 100%!important;
}

.resboxnew > form > div {
    display: flex;
    width: 100%;
}

.resboxnew > form > div p {
   padding: 0 0.5rem;
   flex-grow: 1;
}

.resboxnew > form > div p:first-child {
   padding-left: 0
}

.resboxnew > form > div p:last-child {
   padding-right: 0
}

.resboxnew > form > div p select {
   width: 240px!important;
}

.resboxnew > form > div p select option {
   color:#000!important;
}

.resboxnew > form > div p input  {
    text-align: left!important;
    width: 100%!important;
}

.resboxnew > form > div p select, .resboxnew > form > div p input, .resboxnew .hasDatepicker {
    background-color: transparent!important;
    border: 1px solid #fff!important;
    border-radius: 0!important;
    color: #fff!important;
    font-size:0.75rem;
    height: 50px!important;
    font-style: italic!important;
    outline: none!important;
}

.resboxnew > form > div p input.hasDatepicker {
    padding-left:2rem!important;
    background: url("https://live.ipms247.com/themes/reservation/images/bookingbtn/calendarnew.png") no-repeat 10px 50% !important;
    outline: none!important;
}

.resboxnew .hasDatepicker {
    margin-top: 0!important;
}

.resboxnew .book-now-button {
    background-color: #fff!important;
    border-color:#fff!important;
    border-radius:0!important;
    color:#000!important;
    margin-top:28px!important;
    padding: 4.5px 0!important;
    width: 140px!important;
    text-transform: none!important;
    font-weight:bold;
    font-size: 1rem!important;
}

.resboxnew label {
    font-style: normal;
    font-weight: bold;
    text-transform:uppercase;
    font-size: 0.8rem;
}

/* 1700px */
@media (max-width: 1699px) { 
    .resboxnew > form > div p select {width: 220px!important;}
    .resboxnew .book-now-button {margin-top:26px!important;}
}

/* 1200px */
@media (max-width: 1199px) {
    .resboxnew > form > div p select {width: 100%!important;}
    .resboxnew > form > div {flex-direction:column;}
    .resboxnew > form > div p {margin-bottom:1.5rem!important;padding:0;width:100%!important;}
    .resboxnew > form > div p:last-child {margin-bottom:0!important;text-align:center!important;}
    .resboxnew .book-now-button {margin-top:0!important;}
}


/* (Table) OpenTable */

#ism {
    font-size:16px;
}
#ism .col-12 {
    padding:0 10px!important;
}
#ism .form-control {
    border-color:#fff;
    color:#fff;
    font-size:14px;
}
#ism select:focus {
    color:#000;
    font-size:14px;
}
.ot-dtp-picker.standard, .ot-dtp-picker .ot-dtp-picker-form {
    background-color:transparent!important;    
    width:100%!important;
    padding:0!important;
}

.ot-dtp-picker .ot-dtp-picker-selector select, .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link {
    color:#fff!important;
}

.ot-title {
    font-style:normal!important;
    text-transform:uppercase!important;
    font-weight:bold!important;
    font-size: 0.8rem;
    font-family: 'Fann Grotesque Pro';
    margin: 0 0 1.5rem!important;
    display: none!important;
}

.ot-dtp-picker .ot-dtp-picker-selector.ot-restaurant-picker {
    border:1px solid #fff!important;
    border-radius:0!important;
}

.ot-dtp-picker.standard .ot-button.ot-dtp-picker-button {
    background-color:#fff!important;
    border-color:#fff!important;
    border-radius:0!important;
    color:#000!important;
    font-size:1.1rem!important;
    font-style:italic;
    text-transform:capitalize!important;
    height:50px!important;
    font-weight:bold!important;
    max-width: 230px!important;
    margin-left: auto;margin-right: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.ot-dtp-picker input[type="submit"] {
    font-family: 'Fann Grotesque Pro'!important;
}

.ot-dtp-picker-form > div {
    margin-bottom:1.5rem!important;
}

.ot-dtp-picker .ot-dtp-picker-selector.ot-restaurant-picker,.ot-dtp-picker .ot-dtp-picker-selector {
    border:1px solid #fff!important;
    outline:none!important;
    box-shadow:none!important;
}

.ot-dtp-picker .ot-dtp-picker-selector:hover .ot-dtp-picker-selector-link {
    outline:none!important;
    box-shadow:none!important;
    /* border:none!important; */
}

.ot-dtp-picker-form option {
    color:#000!important;
}

.ot-dtp-picker-form a {
    display:block!important;
}

.ot-dtp-picker .ot-dtp-picker-selector select {
    left:0!important;
}

.ot-dtp-picker .ot-dtp-picker-selector {
    width:100%!important;
}

.ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link.ot-date-label.menu-opened, 
.ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link.ot-select-label.highlighted, 
.ot-dtp-picker .ot-dtp-picker-selector:hover .ot-dtp-picker-selector-link.ot-date-label.menu-opened, 
.ot-dtp-picker .ot-dtp-picker-selector:hover .ot-dtp-picker-selector-link.ot-select-label.highlighted {
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
}

.ot-powered-by {
   margin-top: 1.5rem
}

.ot-dtp-picker .ot-time-picker .ot-dtp-picker-selector-link:before,
.ot-dtp-picker .ot-time-picker .ot-dtp-picker-selector-link:after,
.ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:after,
.ot-dtp-picker .ot-date-picker .ot-dtp-picker-selector-link:before,
.ot-dtp-picker .ot-party-size-picker .ot-dtp-picker-selector-link:before {
    color: #fff!important;
}


/* (Party) Design My Night */

.dmn-form {
    border:none!important;
    font-family: 'Fann Grotesque Pro'!important;
    width:100%!important;
    padding:0!important;
}

.dmn-form label, .dmn-form input, .dmn-form button, .dmn-form select, .dmn-form textarea {
    font-family: 'Fann Grotesque Pro'!important;   
}

.dmn-form h1 {
    display:none!important;
}

.dmn-form label {
    color:#fff!important;
    font-size:0.75rem!important;
    text-align:left!important;
    font-style:normal!important;
    text-transform:uppercase!important;
    letter-spacing:0.05em!important;
}

.dmn-form select,.dmn-form input, .dmn-form input[type="text"], .dmn-form input[type="password"], .dmn-form input[type="number"] {
    background-color:transparent!important;
    border:1px solid #fff!important;
    border-radius: 0!important;
    color:#fff!important;
    font-size:0.75rem!important;
    font-style:italic!important;
    width:100%!important;
    max-width: 100%!important;
    height: auto!important;
    margin-bottom:1.5rem!important;
    padding: 14px 10px!important;
}

.dmn-form option {
    color:#000!important;
}

.dmn-form input[type="number"] {
    padding: 14px 0!important;
}

.dmn-form select[disabled] {
    background-color:transparent!important;
    opacity:0.5!important;
}

.dmn-form .btn {
    background-image:none!important;
    background-color:#fff!important;
    border:none!important;
    border-radius:0!important;
    color:#000!important;
    font-size:1.1rem!important;
    font-weight:bold!important;
    text-transform:none!important;
    padding-top: 12px!important;
    padding-bottom:12px!important;
    height:auto!important;
    max-width:230px;
}

.dmn-form .btn:before {
    display:none!important;
}

.dmn-form .popover .btn {
    font-size:0.75rem!important;
}

.dmn-form input, .dmn-form input[type="text"], .dmn-form input[type="password"] {
    box-sizing:border-box!important;
    border-radius:0!Important;
}

.dmn-form .powered-by {
    margin-top:2rem!important;
}

.dmn-form select:focus, .dmn-form input[type="file"]:focus, .dmn-form input[type="radio"]:focus, .dmn-form input[type="checkbox"]:focus {
    outline: none!important;
    outline: none!important;
    outline-offset: 0!important;
    box-shadow:none!important;
}

.dmn-form textarea:focus, .dmn-form input[type="text"]:focus, .dmn-form input[type="password"]:focus, .dmn-form input[type="datetime"]:focus, .dmn-form input[type="datetime-local"]:focus, .dmn-form input[type="date"]:focus, .dmn-form input[type="month"]:focus, .dmn-form input[type="time"]:focus, .dmn-form input[type="week"]:focus, .dmn-form input[type="number"]:focus, .dmn-form input[type="email"]:focus, .dmn-form input[type="url"]:focus, .dmn-form input[type="search"]:focus, .dmn-form input[type="tel"]:focus, .dmn-form input[type="color"]:focus, .dmn-form .uneditable-input:focus, .dmn-form .ui-selectmenu:focus {
    box-shadow: none!important;
}

#dmn-partner-widget {
    margin:0 auto;
    max-width: 500px;
}
#dmn-partner-widget .stage:not([data-stage="2"]) .scroll-height {
    min-height:360px;
}


/* Alt Party Form (Parties & Feastings Pages) */

.parties-feastings-enquire .dmn-form select, 
.parties-feastings-enquire .dmn-form input, 
.parties-feastings-enquire .dmn-form input[type="text"], 
.parties-feastings-enquire .dmn-form input[type="password"], 
.parties-feastings-enquire .dmn-form input[type="number"] {
    border: 1px solid #000!important;
    border-right: none!important;
    color: #000!important;
    margin-bottom: 0!important;
    height: 72px!important;
}

.parties-feastings-enquire .dmn-form input, 
.parties-feastings-enquire .dmn-form input[type="text"], 
.parties-feastings-enquire .dmn-form input[type="password"] {
    line-height: 20px!important;
}

.parties-feastings-enquire .dmn-form label {
    color: #000!important;
}

.parties-feastings-enquire .dmn-form, .parties-feastings-enquire .dmn-form .main-inputs {
    display: flex!important;
    align-items: end!important;
}

.parties-feastings-enquire .powered-by {
    display: none!important;
}

.parties-feastings-enquire .dmn-venue-container {
    width: 14.285714%!important;
}

.parties-feastings-enquire .main-inputs {
    width: 85.714285%!important;
}

.parties-feastings-enquire .dmn-type-container,
.parties-feastings-enquire .dmn-num-people-container,
.parties-feastings-enquire .dmn-date-container,
.parties-feastings-enquire .dmn-time-container,
.parties-feastings-enquire .dmn-duration-container,
.parties-feastings-enquire .dmn-form .main-inputs .btn.btn-primary.submit {
    width: 16.666666%!important;
}

.parties-feastings-enquire .dmn-form .main-inputs .btn.btn.btn-primary.submit {
    background-color: #000!important;
    color: #fff!important;
    height: 72px!important;
}

/* 1700px */
@media (max-width: 1699px) { 
    .parties-feastings-enquire .dmn-form select, 
    .parties-feastings-enquire .dmn-form input, 
    .parties-feastings-enquire .dmn-form input[type="text"], 
    .parties-feastings-enquire .dmn-form input[type="password"], 
    .parties-feastings-enquire .dmn-form input[type="number"],
    .parties-feastings-enquire .dmn-form .main-inputs .btn.btn.btn-primary.submit {
        height: 60px!important;
    }
}

/* 1200px */
@media (max-width: 1199px) { 
    .parties-feastings-enquire .dmn-form, .parties-feastings-enquire .dmn-form .main-inputs {
    	align-items: start!important;
        flex-direction: column!important;
    }
    .parties-feastings-enquire .dmn-venue-container,
    .parties-feastings-enquire .main-inputs,
    .parties-feastings-enquire .dmn-type-container,
    .parties-feastings-enquire .dmn-num-people-container,
    .parties-feastings-enquire .dmn-date-container,
    .parties-feastings-enquire .dmn-time-container,
    .parties-feastings-enquire .dmn-duration-container,
    .parties-feastings-enquire .dmn-form .main-inputs .btn.btn-primary.submit {
        width: 100%!important;
    }
    .parties-feastings-enquire .dmn-form select, 
    .parties-feastings-enquire .dmn-form input, 
    .parties-feastings-enquire .dmn-form input[type="text"], 
    .parties-feastings-enquire .dmn-form input[type="password"], 
    .parties-feastings-enquire .dmn-form input[type="number"] {
        border-right: 1px solid #000!important;
	margin-bottom:1rem!important;
    }
    .parties-feastings-enquire .dmn-form .main-inputs .btn.btn-primary.submit {
        margin-left: auto!important; margin-right: auto!important;
    }
}


/* (Contact) - Standard HTML */
#contact_select,
.select-white,
#contact_select:focus,
.select-white:focus {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
    border-color:#fff;
    color:#aaa;
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
#bookingModal #contact_select {
    max-width: 360px;
}
.select-white,
.select-white:focus {
    max-width: 300px;
}
.times-table th,
.times-table td {
    border:none;
    font-size:0.9em;
}
.underline {
    display:inline-block;
    padding-bottom:10px;
    border-bottom:1px solid #000;
}
.text-white .underline {
    border-bottom:1px solid #fff;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}


/* New DMN Part Widget 01/09/22 KA */

#dmn-partner-widget .footer {
    display: none!important;
}

#dmn-partner-widget #dmn-widget-inner,
#dmn-partner-widget .stage .dropdown,
#dmn-partner-widget #dmn-widget-inner .stage,
#dmn-partner-widget .list-slot,
.vdp-datepicker__calendar .cell,
.vdp-datepicker__calendar header .next, 
.vdp-datepicker__calendar header .prev {
    background-color: transparent!important;
}

#dmn-partner-widget #dmn-widget-inner,
#dmn-partner-widget .stage .dropdown.dropdown--open:not(.dropdown--no-shadow),
#dmn-partner-widget #dmn-widget-inner,
#dmn-partner-widget .list-slot {
    border: none!important;
}

#dmn-partner-widget .stage .dropdown.dropdown--open:not(.dropdown--no-shadow),
#dmn-partner-widget #dmn-widget-inner {
    box-shadow: none!important;
}

#dmn-partner-widget .stage .dropdown.dropdown--open .dropdown__title,
#dmn-partner-widget .list-slot .list-slot__title,
#dmn-partner-widget .list-slot .list-slot__subtitle,
#dmn-partner-widget .stage .dropdown .dropdown__title,
#dmn-partner-widget .stage .dropdown .dropdown__edit-btn,
.vdp-datepicker__calendar .cell,
#dmn-partner-widget,
#dmn-partner-widget #dmn-widget-inner .number-people.number-people-dropdown span, 
#dmn-partner-widget #dmn-widget-inner .number-people-dropdown.number-people-dropdown span {
    color: #fff!important;
}

#dmn-partner-widget .list-slot .list-slot__arrow svg path,
#dmn-partner-widget .stage .dropdown.dropdown--open .dropdown__icon svg path,
#dmn-partner-widget .stage .dropdown .dropdown__icon svg path {
    fill:  #fff!important;
    stroke: #fff!important;
}

#dmn-partner-widget .stage .dropdown.dropdown--open .dropdown__title {
    font-size: clamp(1.2rem, 1.5vw, 1.5rem) !important;
    font-weight: 600!important;
    text-transform: none!important;
}

#dmn-partner-widget .list-slot .list-slot__title {
    font-size: 1rem;
    font-weight: 600!important;
}

#dmn-partner-widget .list-slot .list-slot__subtitle {
    font-size: 0.75rem!important;
}

#dmn-partner-widget .stage .dropdown.dropdown--open:not(.dropdown--no-shadow) {
    margin-bottom: 15px;
    margin-top:15px;
}

#dmn-partner-widget .stage .dropdown .dropdown__edit-btn {
    border-left: 1px solid #fff!important;
}

.vdp-datepicker__calendar header .next:after {
    border-left: 10px solid #000!important;
}

#dmn-partner-widget .date-selector .vdp-datepicker .vdp-datepicker__calendar header .next.next:not(.disabled):after {
    border-left-color: #fff!important;
}

#dmn-partner-widget .date-selector .vdp-datepicker .vdp-datepicker__calendar header .prev.prev:not(.disabled):after {
    border-right-color: #fff!important;
}

.vdp-datepicker__calendar header .prev:after {
    border-right: 10px solid #fff!important;
}

#dmn-partner-widget #dmn-widget-inner hr.dashed {
    border-bottom: 1px solid #fff!important;
}

#dmn-partner-widget #dmn-widget-inner .number-people-dropdown.number-people-dropdown .number-people-dropdown-facade {
    border-bottom: none!important;
}