/* Datepicker */
.datepicker {border-radius: 4px;direction: ltr;}
.datepicker-inline {width: 220px;}
.datepicker-rtl {direction: rtl;}
.datepicker-rtl.dropdown-menu {left: auto;}
.datepicker-rtl table tr td span {float: right;}
.datepicker-dropdown {top: 0;left: 0;padding: 4px;}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {left: 6px;}
.datepicker-dropdown.datepicker-orient-left:after {left: 7px;}
.datepicker-dropdown.datepicker-orient-right:before {right: 6px;}
.datepicker-dropdown.datepicker-orient-right:after {right: 7px;}
.datepicker-dropdown.datepicker-orient-bottom:before {top: -7px;}
.datepicker-dropdown.datepicker-orient-bottom:after {top: -6px;}
.datepicker-dropdown.datepicker-orient-top:before {bottom: -7px;border-bottom: 0;border-top: 7px solid rgba(0, 0, 0, 0.15);}
.datepicker-dropdown.datepicker-orient-top:after {bottom: -6px;border-bottom: 0;border-top: 6px solid #fff;}
.datepicker table {
margin: 0 6px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.old, .datepicker table tr td.new {color: #777777;}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {background: #eeeeee;cursor: pointer;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {background: none;color: var(--gray);cursor: default;}
.datepicker table tr td.highlighted {
color: #000;
background-color: #d9edf7;
border-color: #85c5e5;
border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
color: #000;
background-color: #afd9ee;
border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
color: #000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
color: #000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
color: #000;
background-color: #91cbe8;
border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
background-color: #d9edf7;
border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
background: #d9edf7;
color: #777777;
}
.datepicker table tr td.today {
color: #000;
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
color: #000;
background-color: #ffc966;
border-color: #b37400;
}
.datepicker table tr td.today:hover {
color: #000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
color: #000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
color: #000;
background-color: #ffbc42;
border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today.focused {background: #ffc966;}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
background: #ffdb99;
color: #777777;
}
.datepicker table tr td.range {
color: #000;
background-color: #eeeeee;
border-color: #bbbbbb;
border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
color: #000;
background-color: #d5d5d5;
border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
color: #000;
background-color: #c3c3c3;
border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
background-color: #eeeeee;
border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {background: #d5d5d5;}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {background: #eeeeee;color: #777777;}
.datepicker table tr td.range.highlighted {
color: #000;
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
color: #000;
background-color: #c1d7e3;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
color: #000;
background-color: #a8c8d8;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {background: #e4eef3;color: #777777;}
.datepicker table tr td.range.today {
color: #000;
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
color: #000;
background-color: #f4b747;
border-color: #815608;
}
.datepicker table tr td.range.today:hover {
color: #000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
color: #000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
color: #000;
background-color: #f2aa25;
border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
background: #f7ca77;
color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
color: #fff;
background-color: #777777;
border-color: #555555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
color: #fff;
background-color: #5e5e5e;
border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
color: #fff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
color: #fff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
color: #fff;
background-color: #4c4c4c;
border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
background-color: #777777;
border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
color: #fff;
background-color: var(--orange);
border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
color: #fff;
background-color: var(--orange);
border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {color: #777777;}
.datepicker .datepicker-switch {width: 145px;}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {cursor: pointer;}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {visibility: hidden;}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.input-daterange {width: 100%;}
.input-daterange input {text-align: center;}
.input-daterange input:first-child {border-radius: 3px 0 0 3px;}
.input-daterange input:last-child {border-radius: 0 3px 3px 0;}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
line-height: 1.42857143;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px;
}
/* Datepicker end */
/* event form */
.qr-banner {border-radius: 0;line-height: 0;}
.qr-banner img{width: 100%; border-radius: 0;}
.qr-form {padding: 25px 20px 30px;width: 90%;background-color: #ffffff;box-shadow: 0 0 8px rgba(0,0,0,0.12);margin: -75px 0 16px 0;display: flex; flex-direction: column;justify-content: space-between;gap: 5px;}
.qr-title {text-align: center;font-size: 22px;line-height: normal;font-weight: 700;letter-spacing: 0.5px;color: #333;}
.qr-inputs {display: flex;gap: 5px;}
.qr-inputs input {width: 100%;}
.qr-input {
    height: 46px;
    border-radius: 12px;
    border: 2px solid #ebebeb;
    font-size: 15px;
    padding: 10px 14px;
    box-shadow: none;
}
.qr-input:focus {border-color: #ff9d2b;box-shadow: 0 0 4px rgba(255,158,43,0.3);}
.qr-submit {
    background: #f58b1f;
    border: none;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    border-radius: 12px;
    color: #fff;
    transition: 0.2s;
    padding: 14px;
}
.qr-submit:hover {background: #75c94d;}
.qr-open-modal {
    background: #ffffff;
    border: 2px solid #ddd;
    width: 100%;
    height: 46px;
    font-size: 16px;
    margin-top: 16px;
    border-radius: 12px;
    color: #444;
    transition: 0.2s;
}
.qr-open-modal:hover {background: #f7f7f7;border-color: #ccc;}
.qr-slider {overflow: hidden;}
.qr-slider > div{margin-left: 20px;}
.qr-slider .owl-carousel .owl-wrapper-outer{border-radius: 16px;}
.qr-slider .owl-carousel {background: none;}
.qr-col{text-align: initial;position: relative;flex-shrink: 0;max-height: 505px;}
.qr-col button.catering-close{position: absolute; top: 16px; right: 24px;width: 20px;height: 20px;}
.qr-col button.catering-close > svg{fill: #161616;}
.qr-col input[type="text"], .qr-col input[type="number"], .qr-col input[type="email"] {font-size: 15px !important;height: 46px;border-radius: 8px;}
.qr-col input[type="checkbox"] {height: 24px;width: 24px;accent-color: #ddd;margin: 0;}
.qr-col textarea.form-control {font-size: 16px;border-radius: 8px;resize: none;}
.qr-col #cateringModal {z-index: 1000009;}
.qr-col .modal-content {padding: 16px 24px 24px 24px !important;}
.qr-col .modal-dialog{padding-top: 20px;}
.qr-col .qr-slider .owl-carousel {background: none;}
.qr-col label{font-weight: bold;}
.qr-col .input-line{display: flex;gap: 16px;justify-content: space-between;}
.qr-col .input-line > div{width: 50%;}
.qr-col .input-group-addon {background-color: #fff;border-right: none;}
.qr-col .icon-date {position: absolute;right: 8%;top: 50%;transform: translateY(-50%);pointer-events: none}
.qr-col .border-left-none {border-left: none;}
.qr-col .text-nowrap {white-space: nowrap;}
.qr-col .btn-b-orange {background-color: #fff;color: var(--orange);border: var(--orange) 2px solid;border-radius: 8px;display: flex;align-items: center; gap: 5px;font-size: 16px;}
.qr-col .btn-orange {background-color: var(--orange);color: #fff;transition: 300ms;border: none;border-radius: 8px;height: 46px;font-size: 16px;}
.qr-col .btn-orange:hover, .qr-col .btn-orange:focus {color: #fff;background: #75c94d;border: none;}
.qr-col .btn.active.focus, .qr-col .btn.active:focus, .qr-col  .btn.focus, .qr-col  .btn:active.focus, .qr-col  .btn:active:focus, .qr-col  .btn:focus {outline: none;}
.qr-col input[type="file"]{ display:none; }
.qr-col .event-step { display: none; width: 100%;}
.qr-col .event-step.active { display: block; }
.qr-col .event-title, .qr-col .event-title-m {font-size: 24px; font-weight: 700;color:#000;}
.qr-col input {border-radius: 8px;}
.qr-col .event-subtitle {font-size: 20px;color:#000;}
.qr-col .event-step-1 .event-subtitle {display: none;}
.qr-col .event-title {display: none;}
.qr-col .checkbox-line{margin-top: 16px;display: flex;gap: 16px;}
.qr-col .checkbox-line label, .qr-col .checkbox-line input{cursor: pointer;}
.qr-col #concierge_icon{display: flex;}
.qr-col .checkbox-line label{font-weight: unset;font-size: 12px;display: inline-flex;align-items: center;gap: 8px;margin: 0;}
.qr-slider .item>a {width: 100% !important;border-radius: 16px;}
.qr-slider .owl-item {max-height: 505px;}
#event-form{flex-direction: column;align-items: center;}
.qr-slider .owl-carousel {margin: 0;padding: 0;line-height: 0;}
.qr-slider .owl-item img{min-height: 505px;object-position: center;object-fit: cover;height: 100%;width: 100%;}
.owl-button-prev,.owl-button-next{width:40px;height:40px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);}
.owl-button-prev{left:10px;}
.owl-button-next{right:10px;}
.owl-button-prev::before,.owl-button-next::before{content:"";display:block;width:10px;height:10px;border:2px solid transparent;border-top-color:#fff;border-right-color:#fff;margin-top:1px;}
.owl-button-prev::before{transform:rotate(-135deg);margin-left:4px;}
.owl-button-next::before{transform:rotate(45deg);margin-left:-3px;}
.qr-slider .owl-carousel:hover .owl-buttons div {opacity: 1;}
.qr-btns {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
.qr-row{display: flex;}
.qr-col .icon-date{fill: #9A9A9A;}
.qr-slider {flex: 1;min-width: 0;}
.event-m-agree, .upload-div > div{font-size: 12px !important;color: #666666;}
.event-m-agree > a{color: var(--orange);text-decoration: underline;}
#event-back {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
#event-back > svg{fill: #fff;}
#event-send {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
}
.qr-form{border-radius: 12px;}
@media (max-width: 767px) {
    .qr-col .modal-dialog {width: calc(100% - 5px) !important;}
    .qr-col{min-height: 404px;width: 100%;height: auto;padding-bottom: 135px;}
    .qr-banner{display: none;}
    .qr-row {flex-direction: column;}
    .qr-title, .d-desk{display: none;}
    #event-send {border-top-left-radius: 0;border-bottom-left-radius: 0;}
    #event-back { border-right: 2px #fff solid;line-height: 0;}
    .qr-col .checkbox-line {justify-content: space-between;gap: 0;}
    #slideshow1.owl-carousel.owl-theme {width: 100vw !important;min-height: unset !important; max-height: unset !important;}
    #slideshow1 .item {min-height: unset !important;}
    .qr-form {position: absolute;bottom:-10px; left: 50%;transform: translateX(-50%);z-index: 28;height: 176px;}
    .qr-slider{display: none;}
}
@media (min-width: 768px) {
    .qr-col button.catering-close{top: 28px;}
    .qr-col .modal-content {padding: 24px !important;}
    .home_page_content{padding: 0 20px;}
    .qr-slider .owl-carousel .owl-controls{height: 0 !important;}
    .qr-slider .owl-carousel .owl-pagination{position: absolute;bottom:25px;left:50%;transform:translateX(-50%);height: 0;top: unset;}
    .qr-slider .owl-carousel.owl-single .owl-controls{display: none !important;}
    .qr-row{max-height: unset;}
    .qr-col {height: unset;max-height: unset;}
    .qr-slider{padding-right: 0 !important;}
    .qr-form {margin: 0;width: 100%;gap: 10px;}
    .qr-submit {padding: 10px;}

    .qr-row,.qr-row *{box-sizing:border-box;}
    .qr-row{width:100%;display:flex;gap:12px;align-items:stretch;}
    .qr-slider{flex:0 0 calc(75% - 6px);min-width:0;display:flex;border-radius:12px;overflow:hidden;background:#f3f3f3;}
    .qr-col{flex:0 0 calc(25% - 6px);min-width:0;display:flex;flex-direction:column;gap:12px;}
    .qr-slider>*{flex:1 1 auto;min-height:100%;}
    .qr-banner,.qr-form{border-radius:12px;overflow:hidden;}
    .qr-banner{flex:0 0 auto;background:#f7f7f7;}
    .qr-form{flex:1 1 auto;min-height:0;background:#fff;border:1px solid #e7e7e7;padding:16px;zoom: 1;-moz-transform: scale(1);transform: scale(1);}
    .qr-slider img,.qr-banner img{width:100%;height:100%;object-fit:cover;display:block;}
    .qr-slider .owl-carousel.owl-single{height:100%;display:flex;}
    .qr-slider .owl-carousel.owl-single>.item{flex:1 1 auto;display:flex;}
    .qr-slider .owl-carousel.owl-single>.item>a{flex:1 1 auto;display:block;height:100%;}
    .qr-slider .owl-carousel:not(.owl-single),.qr-slider .owl-carousel:not(.owl-single) .owl-wrapper-outer,.qr-slider .owl-carousel:not(.owl-single) .owl-wrapper,.qr-slider .owl-carousel:not(.owl-single) .owl-item,.qr-slider .owl-carousel:not(.owl-single) .item,.qr-slider .owl-carousel:not(.owl-single) a{height:100%;}
    .qr-slider .owl-carousel:not(.owl-single) .owl-wrapper-outer{overflow:hidden;}
    .qr-slider .owl-carousel:not(.owl-single) .owl-item{display:flex;}
    .qr-slider .owl-carousel:not(.owl-single) .owl-item>.item{flex:1 1 auto;display:flex;}
    .qr-slider .owl-carousel:not(.owl-single) .owl-item>.item>a{flex:1 1 auto;display:block;}
    .qr-slider .owl-stage-outer,.qr-slider .owl-stage,.qr-slider .owl-item{height:100%;}
    .qr-slider .owl-item img, .qr-slider .item img{min-height: unset;object-position: 90% 50%;}

    .qr-title, .qr-inputs {margin: unset;}
    .dt-header__middle{height: 90px;}
    .qr-mob-slider{display: none;}
    .qr-col input[type="text"], .qr-col input[type="number"], .qr-col input[type="email"] {padding:8px; font-size: 12px !important;border-radius: 12px;height: 40px;}
    .qr-col textarea.form-control {font-size: 12px;border-radius: 12px;}
    .event-m-agree{font-size: 11px;}
    .qr-col .event-step { max-width: 544px;}
    #event-back, .d-mob {display: none;}
    #event-form{flex-direction: row;gap: 20px;}
    #cateringModal .modal-content{width: 380px;}
    .qr-col .upload-div{margin-top: 74px;gap: 16px;}
    #cateringModal .modal-content, #cateringModal .modal-dialog{width: 800px;max-width: 800px;}
    .qr-col .event-title-m, .qr-col .js-event-next{display: none;}
    .qr-col .event-title, .qr-col .event-step,.qr-col .event-d-title, .qr-col .event-step-1 .event-subtitle {display: block;}
    .qr-col .event-subtitle{font-size: 24px;}
    .qr-col .event-step {width: 50%;}
}
@media (min-width: 1200px) {#cateringModal .modal-content, #cateringModal .modal-dialog{width: 1200px;max-width: 1200px;}.qr-col .upload-div{margin-top: 69px;}}
@media (min-width: 1600px) {
    .qr-col input[type="text"], .qr-col input[type="number"], .qr-col input[type="email"] {font-size: 18px !important;border-radius: 12px;height: 46px;}
    .qr-col .checkbox-line label, .qr-col textarea.form-control{font-size: 18px;}
    .qr-title{font-size: 22px;}
    .qr-col .upload-div{margin-top: 40px;}
    .qr-form{padding: 25px 20px 30px 20px;}
    .qr-submit {padding: 14px;}
}
@media (min-width: 2000px) {
    .qr-submit {padding: 22px;font-size: 26px;}
}
.qr-slider  .owl-single {border-radius: 12px;overflow: hidden;}
/* end event form */