@charset "windows-1252";



@import url(css.css);



#reservation-form-section { padding: 100px 0px; }



#reservationForm { font-family: Poppins, sans-serif; }



#reservationForm .form-group { display: table; position: relative; width: 100%; margin: 0px 0px 30px; }



#reservationForm .input-group-icon { position: absolute; top: 0px; }



#reservationForm .form-group .input-group-icon { background-color: rgb(183, 14, 127); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px 0px 0px 4px; color: rgb(255, 255, 255); display: table-cell; font-size: 14px; height: 100%; padding: 7px 7px 5px; text-align: center; vertical-align: top; white-space: nowrap; width: 40px; }



#reservationForm .form-control:focus + .input-group-icon { background-color: rgb(183, 14, 127); }



#reservationForm .form-control { background-color: transparent; border: 1px solid rgb(183, 14, 127); padding-left: 50px; max-width: 400px; }



#reservationForm .form-control:focus { box-shadow: rgba(183, 14, 127, 0.075) 0px 1px 1px inset, rgba(183, 14, 127, 0.6) 0px 0px 8px; }



#reservationForm h4 span { background-color: rgb(5, 47, 131); font-weight: normal; color: rgb(255, 255, 255); padding: 0px 10px; }



.daterangepicker.daterangecalendar-mgsdesign { font-family: Poppins, sans-serif; }



.daterangepicker.daterangecalendar-mgsdesign .drp-calendar th, .daterangepicker.daterangecalendar-mgsdesign .drp-calendar td { min-width: 30px; font-size: 14px; width: 30px; height: 20px; line-height: 20px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu { width: 700px; max-width: 90%; margin-right: 2%; padding: 1% 0px 1% 2%; }



.daterangepicker.daterangecalendar-mgsdesign .drp-selected { display: block; font-size: 14px; text-align: center; background-color: rgb(183, 14, 127); padding: 8px; max-width: 360px; margin: 0px auto; border-radius: 5px; color: rgb(255, 255, 255); }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu.single { padding: 2%; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar { width: 46%; max-width: 46%; margin: 0px; border: 1px solid rgb(183, 14, 127); border-radius: 6px 6px 2px 2px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar.single { width: 100%; max-width: 100%; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar.left { margin-right: 4% !important; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar.left, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar.right { padding: 10px 0px 0px; }



.daterangepicker.daterangecalendar-mgsdesign .daterangepicker_input i { left: 18px; }



.daterangepicker.daterangecalendar-mgsdesign .daterangepicker_input i.fa.fa-calendar.glyphicon-calendar { top: 16px; padding: 12px; background-color: rgb(183, 14, 127); left: 13px; border-radius: 5px 0px 0px 5px; }



.daterangepicker.daterangecalendar-mgsdesign .fa-calendar::before { color: rgb(255, 255, 255); }



.daterangepicker.daterangecalendar-mgsdesign .daterangepicker_input .input-mini { padding: 0px 6px 0px 42px; }



.daterangepicker.daterangecalendar-mgsdesign .calendar-time { padding: 5px 0px 5px 5px; margin-top: 0px; background-color: rgba(75, 159, 77, 0.2); }



.daterangepicker.daterangecalendar-mgsdesign .calendar-time i.fa.fa-clock-o.glyphicon.glyphicon-time { top: 5px; font-size: 32px; }



.daterangepicker.daterangecalendar-mgsdesign .drp-calendar .calendar-table { padding: 0px 0px 10px; }



.daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 0px; }



.daterangepicker.ltr .drp-calendar .calendar-table { margin-top: -8px; }



.daterangepicker.daterangecalendar-mgsdesign .calendar-table .table-condensed thead > tr:first-child { height: 80px; }



.daterangepicker.daterangecalendar-mgsdesign .calendar-table .table-condensed thead tr:nth-child(2) { background-color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign .calendar-table .table-condensed thead tr:nth-child(2) th { border-radius: 0px; padding: 6px 0px 5px; color: rgb(255, 255, 255); font-size: 15px; }



.daterangepicker.daterangecalendar-mgsdesign .drp-calendar .calendar-table tbody > tr { background-color: rgb(245, 245, 245); }



.daterangepicker.daterangecalendar-mgsdesign td.available:hover { background-color: rgba(183, 14, 127, 0.3); }



.daterangepicker.daterangecalendar-mgsdesign th.available:hover { background-color: transparent; }



.daterangepicker.daterangecalendar-mgsdesign th.available i.glyphicon-chevron-left, .daterangepicker.daterangecalendar-mgsdesign th.available i.glyphicon-chevron-right { color: rgb(183, 14, 127); padding: 10px 0px; border-radius: 6px; }



.daterangepicker.daterangecalendar-mgsdesign th.available i.glyphicon-chevron-left:hover, .daterangepicker.daterangecalendar-mgsdesign th.available i.glyphicon-chevron-right:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }



.daterangepicker.daterangecalendar-mgsdesign.ltr .daterangepicker_input { padding: 15px 12px 0px; }



.daterangepicker.daterangecalendar-mgsdesign.ltr.single .daterangepicker_input { padding: 10px 12px 0px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .ranges { width: 100%; }



.daterangepicker.daterangecalendar-mgsdesign .fa-clock-o::before { color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign .form-control:focus { box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(183, 14, 127, 0.6) 0px 0px 8px; }



.daterangepicker.daterangecalendar-mgsdesign .btn-success.disabled.focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success.disabled:focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success.disabled:hover, .daterangepicker.daterangecalendar-mgsdesign .btn-success[disabled].focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success[disabled]:focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success[disabled]:hover, .daterangepicker.daterangecalendar-mgsdesign fieldset[disabled] .btn-success.focus, .daterangepicker.daterangecalendar-mgsdesign fieldset[disabled] .btn-success:focus, .daterangepicker.daterangecalendar-mgsdesign fieldset[disabled] .btn-success:hover { background-color: rgba(183, 14, 127, 0.6); border-color: rgba(183, 14, 127, 0.6); }



.daterangepicker.daterangecalendar-mgsdesign .btn-success.active.focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success.active:focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success.active:hover, .daterangepicker.daterangecalendar-mgsdesign .btn-success:active.focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success:active:focus, .daterangepicker.daterangecalendar-mgsdesign .btn-success:active:hover, .daterangepicker.daterangecalendar-mgsdesign .open > .dropdown-toggle.btn-success.focus, .daterangepicker.daterangecalendar-mgsdesign .open > .dropdown-toggle.btn-success:focus, .daterangepicker.daterangecalendar-mgsdesign .open > .dropdown-toggle.btn-success:hover, .daterangepicker.daterangecalendar-mgsdesign .ranges li.active, .daterangepicker.daterangecalendar-mgsdesign .ranges li:hover { background-color: rgb(183, 14, 127); border-color: rgb(183, 14, 127); color: rgb(255, 255, 255); }



.daterangepicker.daterangecalendar-mgsdesign .ranges ul { width: auto; margin: 0px 0px 20px; }



.daterangepicker.daterangecalendar-mgsdesign .ranges li { background-color: rgb(240, 240, 240); border: 1px solid rgb(240, 240, 240); border-radius: 5px; color: rgb(183, 14, 127); text-align: center; font-size: 14px; width: 24%; float: left; margin: 3px 1% 3px 0px; padding: 8px; }



.daterangepicker.daterangecalendar-mgsdesign .ranges .range_inputs button { margin-top: 10px; margin-bottom: 5px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select { background-color: rgb(255, 255, 255); display: inline-block; box-sizing: border-box; appearance: none; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.hourselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.minuteselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.secondselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.ampmselect { background-image: linear-gradient(45deg, transparent 50%, rgb(183, 14, 127) 50%), linear-gradient(135deg, rgb(183, 14, 127) 50%, transparent 50%), radial-gradient(transparent 66%, transparent 66%); background-position: calc(100% - 18px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 0.5em) 0.5em; background-size: 5px 6px, 6px 5px, 1.5em 1.5em; background-repeat: no-repeat; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.hourselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.minuteselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.secondselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.ampmselect { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 5px 24px 5px 5px; width: 66px; font-size: 16px; font-weight: bold; background-color: transparent; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.monthselect, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.yearselect { border: 1px solid rgb(205, 205, 205); font-size: 16px; font-weight: bold; cursor: pointer; text-transform: capitalize; border-radius: 6px; background-color: rgb(255, 255, 255); }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.monthselect { min-width: 125px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.yearselect { width: 37%; margin-left: 3%; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu option:checked, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu option:hover { color: rgb(255, 255, 255); background-color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.monthselect option, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.yearselect option { color: rgb(0, 0, 0); font-weight: bold; padding: 10px 5px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.monthselect option:hover, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.yearselect option:hover { color: rgb(255, 255, 255); }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.monthselect option:disabled, .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.yearselect option:disabled { color: rgb(153, 153, 153); cursor: not-allowed; }



.daterangepicker.daterangecalendar-mgsdesign .btn-default { border-color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign th.month { padding-left: 0px; font-size: 20px; color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign .ranges { clear: both; margin: 10px 0px 0px; }



.daterangepicker.daterangecalendar-mgsdesign.dropdown-menu > div.ranges:first-child { margin: 0px 0px 15px; padding-right: 3%; }



.daterangepicker.daterangecalendar-mgsdesign .drp-buttons { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn { width: calc(50% - 20px); margin: 5px; }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn { margin-right: 25px !important; }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn { display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn::before { background-color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn::before { background-color: rgb(231, 162, 36); }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn::before, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn::before { inset: 0px; content: ""; position: absolute; transform: scaleX(0); transform-origin: 50% center; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; z-index: -1; }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:hover, .daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:focus, .daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:active, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:hover, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:focus, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:active { color: rgb(255, 255, 255); }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:hover::before, .daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:focus::before, .daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:active::before, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:hover::before, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:focus::before, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:active::before { transform: scaleX(1); }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn { background-color: rgba(183, 14, 127, 0.8); border-color: rgba(183, 14, 127, 0.8); color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 6px 12px; border-radius: 5px; margin-right: 2px; }



.daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn:hover { border-color: rgb(183, 14, 127); }



.daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn { background-color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 6px 12px; border-radius: 5px; }



.daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn:hover { border-color: rgb(231, 162, 36); }



.daterangepicker.daterangecalendar-mgsdesign .input-mini, .daterangepicker.daterangecalendar-mgsdesign .input-mini.active { border: 1px solid rgb(183, 14, 127); border-radius: 5px; height: 40px; font-size: 18px; color: rgb(0, 0, 0); }



.daterangepicker.daterangecalendar-mgsdesign .table-condensed > thead > tr > th { padding: 0px; }



.daterangepicker.daterangecalendar-mgsdesign td.in-range { background-color: rgba(183, 14, 127, 0.5); }



.daterangepicker.daterangecalendar-mgsdesign td.active, .daterangepicker.daterangecalendar-mgsdesign td.active:hover { background-color: rgba(183, 14, 127, 0.9); }



.daterangepicker.daterangecalendar-mgsdesign .drp-calendar .table-condensed > tbody > tr > td.active.start-date { border-radius: 50% 0px 0px 50%; }



.daterangepicker.daterangecalendar-mgsdesign .drp-calendar .table-condensed > tbody > tr > td.active.end-date { border-radius: 0px 50% 50% 0px; }



.daterangepicker.daterangecalendar-mgsdesign .drp-calendar.single .table-condensed > tbody > tr > td.active.end-date { border-radius: 6px; }



.daterangepicker.daterangecalendar-mgsdesign.single .drp-selected { display: none; }



#reservationForm .fa.fa-calander::before { content: "\f073 "; }



.daterangepicker.daterangecalendar-mgsdesign .icon-arrow-left::before { content: "\e091 "; }



.daterangepicker.daterangecalendar-mgsdesign .icon-arrow-right::before { content: "\e092 "; }



.daterangepicker.daterangecalendar-mgsdesign .fa-clock-o::before { content: "\f017 "; }



.daterangepicker.daterangecalendar-mgsdesign .glyphicon { position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }



.daterangepicker.daterangecalendar-mgsdesign .glyphicon-arrow-left::before { content: "\e091 "; }



.daterangepicker.daterangecalendar-mgsdesign .glyphicon-arrow-right::before { content: "\e092 "; }



.daterangepicker.daterangecalendar-mgsdesign .input-mini { width: 84%; min-width: 255px; margin: 0px 0px 7px; }



.daterangepicker.daterangecalendar-mgsdesign .glyphicon-chevron-left::before, .daterangepicker.daterangecalendar-mgsdesign .glyphicon-chevron-right::before { font-size: 42px; font-weight: bold; }



.daterangepicker.daterangecalendar-mgsdesign .glyphicon-time::before { }



.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }



.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; }



@media screen and (max-width: 767px) {

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu { width: auto; max-width: 90%; }

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar { width: 98%; max-width: 98%; margin-bottom: 20px; }

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar.single { margin-bottom: 0px; }

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu .drp-calendar.left { margin-right: 0px !important; }

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu > div.ranges:first-child { padding-right: 2%; }

  .daterangepicker.daterangecalendar-mgsdesign .ranges li { width: 48%; margin-left: 1%; margin-right: 1%; }

  .daterangepicker.daterangecalendar-mgsdesign .ranges li:nth-child(2) { margin-right: 0px; }

}



@media screen and (max-width: 575px) {

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu { width: 90%; }

}



@media screen and (max-width: 480px) {

  .daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn, .daterangepicker.daterangecalendar-mgsdesign button.cancelBtn.btn { width: calc(50% - 15px); }

  .daterangepicker.daterangecalendar-mgsdesign button.applyBtn.btn { margin-right: 15px !important; }

}



@media screen and (max-width: 360px) {

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu { max-width: 95%; }

  .daterangepicker.daterangecalendar-mgsdesign .drp-calendar th, .daterangepicker.daterangecalendar-mgsdesign .drp-calendar td { min-width: 24px; }

  .daterangepicker.daterangecalendar-mgsdesign .table-condensed > thead > tr > th { font-size: 14px; }

}



@media screen and (max-width: 300px) {

  .daterangepicker.daterangecalendar-mgsdesign.dropdown-menu select.yearselect { margin-left: 0px; }

}