.coporation-profile .edit-switch, .panel-title label {
    text-transform:none
}

.rdtCounters > div, .react-datepicker__month-container {
    float:left
}

.rdtCounter .rdtBtn, .rdtNext span, .rdtPrev span {
    -webkit-touch-callout: none;
    -ms-user-select:none
}

.panel-liststar i {
    padding-right: 3px;
    color:#f7941e
}

#tblData .first-line td {
    border: none;
    width:90%
}

#tblData .input-toggle {
    padding-top:8px
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px !important;
    color:#4266b4
}

@media (min-width: 737px) and(max-width: 980px) {
    .profile-content, .profile-sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction:normal
    }

    .profile-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width:57%
    }

    .profile-sidebar {
        width: 41%;
        margin-right: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction:column
    }
}

.coporation-profile .announce-title {
    color: #8cc041;
    font-size: 12px;
    text-transform:none
}

.coporation-profile .announce-title i {
    padding-left:5px
}

.coporation-profile .sweet-overlay {
    background-color: #000;
    -ms-filter: "alpha(opacity=40)";
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:10000
}

.coporation-profile .sweet-alert {
    background-color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    z-index:99999
}

.coporation-profile .showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    animation:showSweetAlert .3s
}

.service-emp .customer-list-tbl .col-check-box {
    padding-top: 20px;
    padding-left:20px
}

.service-emp .panel-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:20px
}

.service-emp .panel-bar > span {
    line-height:28px
}

.service-price .userpic-hold i {
    color: #8cc041;
    font-size: 32px
}
/*!
 * https://github.com/YouCanBookMe/react-datetime
 */

.rdt {
    position:relative
}

.rdtPicker {
    display: none;
    position: absolute;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999 !important;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border:1px solid #f9f9f9
}

.rdtOpen .rdtPicker {
    display:block
}

.rdtStatic .rdtPicker {
    -webkit-box-shadow: none;
    box-shadow: none;
    position:static
}

.rdtPicker .rdtTimeToggle {
    text-align:center
}

.rdtPicker table {
    width: 100%;
    margin:0
}

.rdtPicker td, .rdtPicker th {
    text-align: center;
    height:28px
}

.rdtPicker td {
    cursor:pointer
}

.rdtPicker .rdtTimeToggle:hover, .rdtPicker td.rdtDay:hover, .rdtPicker td.rdtHour:hover, .rdtPicker td.rdtMinute:hover, .rdtPicker td.rdtSecond:hover {
    background: #eee;
    cursor:pointer
}

.rdtPicker td.rdtNew, .rdtPicker td.rdtOld {
    color:#999
}

.rdtPicker td.rdtToday {
    position:relative
}

.rdtPicker td.rdtToday:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right:4px
}

.rdtPicker td.rdtActive, .rdtPicker td.rdtActive:hover {
    background-color: #428bca;
    color: #fff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}

.rdtPicker td.rdtActive.rdtToday:before {
    border-bottom-color:#fff
}

.rdtPicker td.rdtDisabled, .rdtPicker td.rdtDisabled:hover {
    background: 0 0;
    color: #999;
    cursor:not-allowed
}

.rdtPicker td span.rdtOld {
    color:#999
}

.rdtPicker td span.rdtDisabled, .rdtPicker td span.rdtDisabled:hover {
    background: 0 0;
    color: #999;
    cursor:not-allowed
}

.rdtPicker th {
    border-bottom:1px solid #f9f9f9
}

.rdtPicker .dow {
    width: 14.2857%;
    border-bottom: none;
    cursor:default
}

.rdtPicker th.rdtSwitch {
    width:100px
}

.rdtPicker th.rdtNext, .rdtPicker th.rdtPrev {
    font-size: 21px;
    vertical-align:top
}

.rdtNext span, .rdtPrev span {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select:none
}

.employee-profile .caret, .rdtCounter .rdtBtn {
    -webkit-user-select: none;
    -moz-user-select:none
}

.rdtPicker th.rdtDisabled, .rdtPicker th.rdtDisabled:hover {
    background: 0 0;
    color: #999;
    cursor:not-allowed
}

.rdtPicker thead tr:first-child th {
    cursor:pointer
}

.rdtPicker thead tr:first-child th:hover {
    background:#eee
}

.rdtPicker tfoot {
    border-top:1px solid #f9f9f9
}

.rdtPicker button {
    border: none;
    background: 0 0;
    cursor:pointer
}

.rdtCounter .rdtBtn:hover, td.rdtMonth:hover, td.rdtYear:hover {
    background:#eee
}

.rdtPicker button:hover {
    background-color:#eee
}

.rdtPicker thead button {
    width: 100%;
    height:100%
}

td.rdtMonth, td.rdtYear {
    height: 50px;
    width: 25%;
    cursor:pointer
}

.rdtCounters {
    display:inline-block
}

.rdtCounter {
    height: 100px;
    width:40px
}

.rdtCounterSeparator {
    line-height:100px
}

.rdtCounter .rdtBtn {
    height: 40%;
    line-height: 40px;
    cursor: pointer;
    display: block;
    user-select:none
}

.react-datepicker, .react-datepicker-wrapper {
    display:inline-block
}

.rdtCounter .rdtCount {
    height: 20%;
    font-size:1.2em
}

.rdtMilli {
    vertical-align: middle;
    padding-left: 8px;
    width:48px
}

.rdtMilli input {
    width: 100%;
    font-size: 1.2em;
    margin-top:37px
}

.rdtTime td {
    cursor:default
}

.react-datepicker-popper {
    z-index:10 !important
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position:absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow::before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width:1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left:-8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top:-8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color:#f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color:#aeaeae
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom:-8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color:#fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color:#aeaeae
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position:relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left:35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left:0
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
    border-radius:.3rem
}

.react-datepicker__triangle {
    position: absolute;
    left:50px
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top:10px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom:10px
}

.react-datepicker-popper[data-placement^=right] {
    margin-left:8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right:42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right:8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right:auto
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position:relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right:5px
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin:0 2px
}

.react-datepicker-time__header, .react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size:.944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.react-datepicker__navigation {
    background: 0 0;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow:hidden
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color:#ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color:#b3b3b3
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor:default
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color:#ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right:80px
}

.react-datepicker__navigation--next:hover {
    border-left-color:#b3b3b3
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor:default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right:auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color:#ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color:#b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color:#ccc
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color:#b3b3b3
}

.react-datepicker__month {
    margin: .4rem;
    text-align:center
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width:70px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top:0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background:#fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 70px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align:center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px +(1.7rem / 2));
    overflow-y: scroll;
    padding-right: 30px;
    width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing:content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    padding:5px 10px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color:#f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight:700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color:#216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color:#ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color:transparent
}

.react-datepicker__day, .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor:pointer
}

.react-datepicker__day:hover, .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f0f0f0;
    border-radius:.3rem
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin:.166rem
}

.react-datepicker__day-names, .react-datepicker__week {
    white-space:nowrap
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin:.166rem
}

.react-datepicker__day--today {
    font-weight:700
}

.react-datepicker__day--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color:#fff
}

.react-datepicker__day--highlighted:hover {
    background-color:#32be3f
}

.react-datepicker__day--highlighted-custom-1 {
    color:#ff00ff
}

.react-datepicker__day--highlighted-custom-2 {
    color:green
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color:#fff
}

.react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover {
    background-color:#1d5d90
}

.react-datepicker__day--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color:#fff
}

.react-datepicker__day--keyboard-selected:hover {
    background-color:#1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color:rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color:#000
}

.react-datepicker__day--disabled {
    cursor: default;
    color:#ccc
}

.react-datepicker__day--disabled:hover {
    background-color:transparent
}

.react-datepicker__input-container {
    position: relative;
    display:inline-block
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius:.3rem
}

.react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
    cursor:pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color:#b3b3b3
}

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width:.45rem
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border:1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
    cursor:pointer
}

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y:scroll
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right:auto
}

.react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius:.3rem
}

.react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius:.3rem
}

.react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
    background-color:#ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color:#b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color:#b3b3b3
}

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
    position: absolute;
    left:15px
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 25%;
    right:7px
}

.react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 0;
    text-align:center
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear:left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index:2147483647
}

.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height:3rem
}

@media (max-width: 400px),(max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height:2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
    font-size:1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border:.81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color:#ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color:#b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor:default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color:#ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color:#b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor:default
}

.service-list .select-box {
    display: block;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border-radius: 3px;
    height: 35px;
    padding: 5px 10px 5px 5px;
    outline: 0;
    margin-right: 20px;
    border:1px solid #ccc
}

.service-list .end-group-select {
    margin:0
}

.service-list .col-price {
    width:10%
}

.employeelist .col-gender img {
    width: 25px;
    height:auto
}

.employeelist table .col-empty {
    width:30%
}

.employee-business .name {
    font-size: 18px;
    color: #1f1815;
    margin: 0;
    font-weight:500
}

.employee-business .employee-business-card {
    text-align: center;
    height:389px
}

.employee-business .employee-business-card .employee-pic {
    padding:10px
}

.employee-business .employee-business-card .employee-pic img {
    border-radius: 50%;
    border: 2px solid #397eb9;
    padding: 2px;
    width: 106px;
    height: 106px;
    -o-object-fit: cover;
    object-fit:cover
}

.employee-business .employee-business-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height:141px
}

.employee-business .star-rating {
    color: #acacac;
    padding-left:13%
}

.employee-business .star-rating i {
    font-size: 14px;
    color: #fcb232;
    vertical-align: text-top;
    padding-right:3px
}

.employee-business .business-adr {
    font-size: 12px;
    width:80%
}

.employee-business .btn-employee-collection {
    width: 133px;
    height: 30px;
    border-radius: 35px;
    background-color: #8cc041;
    color: #fff;
    border:none
}

.employee-business .grid-view-large {
    width: 100%;
    top: 40%;
    padding-right:25px
}

.employee-business .business-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction:row
}

.employee-business .business-list .state-overview {
    color: #3f3e3e;
    padding:0
}

.employee-business .banner-info {
    position: absolute;
    bottom: 25px;
    padding:0 15px
}

.employee-business .banner-info .label-ico {
    color: #FFF;
    padding-top:10px
}

.employee-business .banner-title {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom:5px
}

.employee-business label {
    font-weight:400
}

.employee-business .time-phone-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display:flex
}

.employee-business .text-light {
    font-size: 13px;
    color: #fff;
    margin: 0 7px;
    line-height:30px
}

.employee-business .text-light label {
    margin-bottom:0
}

.employee-business .card-topline-green {
    border-top:3px solid #00A65A
}

.employee-business .card-head {
    padding: 2px;
    text-transform: uppercase;
    color: #3a405b;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    min-height:40px
}

.employee-business .form-group-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    border-bottom:1px solid #ddd
}

.employee-business .form-horizontal .control-label {
    padding: 5px;
    margin-bottom: 0;
    text-align: right;
    font-size:14px
}

.employee-business .control-label {
    margin-top: 1px;
    font-weight:400
}

.employee-business .input-height {
    height:35px !important
}

.employee-business .form-control-left {
    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: none;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow:none !important
}

.employee-business .control-label .required, .employee-business .form-group .required {
    color: #e02222;
    font-size: 12px;
    padding-left:2px
}

.employee-business .card-topline-lightblue {
    border-top:3px solid #3C8DBC
}

.employee-business #map-canvas {
    height: 280px;
    width:100%
}

.employee-business .row-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.employee-business .btn-save {
    background-color: #8cc041;
    color: #fff;
    margin-right:20px
}

.employee-business .btn-cancel {
    background-color: #bababa;
    color:#fff
}

.employee-business .info-box-icon {
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    margin:10px
}

.employee-business .info-box-text {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight:400
}

.employee-business .sbold {
    font-weight:500 !important
}

.employee-business .breadcrumb li {
    display:inline
}

.employee-business .page-title, .employee-business .page-title-breadcrumb {
    width:100%
}

.employee-business .page-title-breadcrumb div.page-title {
    font-size: 16px;
    line-height:50px
}

.employee-profile .employee-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.employee-profile .emp-pic {
    width:inherit
}

.employee-profile .bg-userpic {
    width: 79px;
    height: 79px;
    background-color: #bababa;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 6px;
    color: #fff;
    padding-top:25px
}

.employee-profile .avartar-plus {
    right: 20%;
    top:45%
}

.employee-profile .form-emp-info {
    padding-top:20px
}

.employee-profile #myUL {
    list-style-type: circle;
    margin: 0;
    padding-left: 40px;
    padding-top:20px
}

.employee-profile .caret {
    cursor: pointer;
    -ms-user-select: none;
    user-select:none
}

.employee-profile .caret label {
    padding-right:15px
}

.employee-profile .caret::after {
    content: "\203A";
    color: #000;
    display: inline-block;
    margin-right: 6px;
    font-size:18px
}

.employee-profile .caret-down::after {
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.employee-profile .nested {
    display: none;
    list-style-type:none
}

.employee-profile .active {
    display:block
}

.employee-profile .nested li {
    padding-left:30px
}

.employee-profile .input-prices {
    border: none;
    width: 75px;
    border-bottom: 1px solid #ccc;
    outline:0
}

.employee-profile .table-data {
    padding-top:40px
}

.employee-profile .box-ser {
    width:250px
}

.employee-profile .lbl-selector {
    font-size: 15px;
    margin: 0;
    vertical-align: -webkit-baseline-middle;
    padding-right:10px
}

.employee-profile table .col-check-box {
    padding-top: 15px;
    padding-left:40px
}

.employee-profile .div-head-service {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    font-weight: 700;
    margin-left: 0;
    margin-right: 0;
    border-bottom:2px solid #eceeef
}

.employee-profile .div-head-table {
    height: 300px;
    overflow: scroll;
    overflow-x: hidden;
    margin-top:40px
}

.banner-title, .employee-collection .info-box-text, .info-box-text, .rating-review .review-content {
    overflow: hidden;
    text-overflow:ellipsis
}

.employee-profile .div-head-service .child {
    padding:.75rem
}

.employee-profile .div-service-item {
    padding: .75rem;
    vertical-align: top;
    border-bottom:1px solid #eceeef
}

.employee-profile .div-service-item-end {
    padding-left:2rem
}

.employee-profile .margin-left-right-0px {
    margin-left: 0;
    margin-right:0
}

@media only screen and (max-width: 1023px) {
    .employee-profile .employee-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .employee-profile .employee-info .emp-pic, .employee-profile .employee-info .form-emp-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

.employee-collection .profile-userpic {
    text-align: center;
    background: #4267b2;
    position: relative;
    height:365px
}

.employee-collection .profile-userpic .img-banner {
    position:absolute
}

.employee-collection .profile-userpic .img-banner img, .employee-collection .profile-userpic .img-crop img {
    width:100%
}

.employee-collection .profile-userpic .img-crop {
    position: absolute;
    top:180px
}

.employee-collection .profile-userpic .circle-logo {
    right: 15px;
    background: #fff;
    position: absolute;
    height: 96px;
    width: 96px;
    color: #0ff;
    border-radius: 100%;
    top: 160px;
    border:3px solid #4266b2
}

.employee-collection .profile-userpic .img-rating {
    position: absolute;
    top: 200px;
    left:15px
}

.employee-collection .banner-info {
    position: absolute;
    bottom: 25px;
    padding:0 15px
}

.employee-collection .banner-info .label-ico {
    color: #FFF;
    padding-top:10px
}

.employee-collection .banner-title {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom:5px
}

.employee-collection label {
    font-weight: 400;
    margin:0
}

.employee-collection .time-phone-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display:flex
}

.employee-collection .text-light {
    font-size: 13px;
    color: #fff;
    margin: 0 7px;
    line-height:30px
}

.employee-collection .text-light label {
    margin-bottom:0
}

.employee-collection .card-topline-green {
    border-top:3px solid #00A65A
}

.employee-collection .form-group-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    border-bottom:1px solid #ddd
}

.employee-collection .form-horizontal .control-label {
    padding: 5px;
    margin-bottom: 0;
    text-align: right;
    font-size:14px
}

.employee-collection .control-label {
    margin-top: 1px;
    font-weight:400
}

.employee-collection .input-height {
    height:35px !important
}

.employee-collection .form-control-left {
    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: none;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow:none !important
}

.employee-collection .control-label .required, .employee-collection .form-group .required {
    color: #e02222;
    font-size: 12px;
    padding-left:2px
}

.employee-collection .card-topline-lightblue {
    border-top:3px solid #3C8DBC
}

.employee-collection #map-canvas {
    height: 280px;
    width:100%
}

.employee-collection .row-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.employee-collection .btn-save {
    background-color: #8cc041;
    color: #fff;
    margin-right:20px
}

.employee-collection .btn-cancel {
    background-color: #bababa;
    color:#fff
}

.employee-collection .info-box-icon {
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    margin:10px
}

.employee-collection .info-box-text {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight:400
}

.employee-collection .sbold {
    font-weight:500 !important
}

.employee-collection .breadcrumb li {
    display:inline
}

.employee-collection .page-title, .employee-collection .page-title-breadcrumb {
    width:100%
}

.employee-collection .page-title-breadcrumb div.page-title {
    font-size: 16px;
    line-height:50px
}

.employee-collection .card-head {
    padding: 2px;
    text-transform: uppercase;
    color: #3a405b;
    font-weight: 700;
    line-height: 40px;
    min-height: 40px;
    font-size:16px
}

.employee-collection .card-head > div {
    display:inline-block
}

.employee-collection .card-head .btn-color {
    font-size: 12px;
    padding-top:13px
}

.employee-collection .employee-pic img {
    border-radius: 50%;
    border: 1px solid #4267b2;
    padding: 3px;
    width: 95px;
    height:95px
}

.employee-collection .employee-pic {
    padding:20px
}

.employee-collection .star-rating {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #fcb232;
    height: 20px;
    padding-bottom:20px
}

.employee-collection .employee-business-info {
    padding-bottom: 30px;
    padding-top:30px
}

.employee-collection #business-name {
    font-size: 18px;
    color: #323232;
    font-weight:500
}

.employee-collection #business-adr {
    font-size: 14px;
    color: #7a7a7b;
    padding-left:10px
}

.employee-collection .collection-item {
    width: 165px;
    height: 165px;
    position: relative;
    padding-left: 5px;
    padding-right:5px
}

.employee-collection .collection-group {
    position:relative
}

.employee-collection .name-album {
    position: absolute;
    bottom: -2px;
    height: 40px;
    width: 165px;
    background-color: #f0f3f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    font-size: 12px;
    color:#323232
}

.employee-collection .name-album .f-left {
    font-size: 18px;
    color:#8cc041
}

.employee-collection .name-album .fa-trash-o {
    font-size: 16px;
    color:red
}

.employee-collection .grid-view-small {
    width: 100%;
    top:35%
}

.employee-collection .back-to-album {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: right;
    border-bottom:1px solid #e8e8e8
}

.employee-collection .back-to-album label {
    font-size: 16px;
    color: #8cc041;
    padding-left:15px
}

.employee-collection .back-to-album i {
    font-size: 14px;
    color:#8cc041
}

.employee-collection .business-item img {
    width: 165px;
    height: 214px;
    border-radius:10px
}

.employee-collection .business-album {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.employee-collection .business-item {
    padding-bottom: 20px;
    position:relative
}

.employee-collection .bg-label-view {
    width: 129px;
    height: 135px;
    background-color: #fff;
    position: absolute;
    top: 40px;
    left: 18px;
    border-radius: 5px;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    zoom:1
}

.employee-collection .label-view {
    position: absolute;
    top: 60px;
    left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    z-index: 5;
    height: 100px;
    text-align:center
}

.employee-collection .label-view label {
    color:#101010
}

.employee-collection .label-view i {
    font-size: 36px;
    color:#8cc041
}

.employee-collection .__content {
    border: 1px solid #eaeef3;
    min-height:165px
}

.customerlist .gender-group {
    border-right: 1px solid #ddd;
    width:90px
}

.customerlist .gender-group img {
    width: 30%;
    height: auto;
    margin:5px
}

.customerlist .customer-list-tbl th {
    border-top: none;
    font-size: 12px;
    font-weight:600
}

.customerlist .col-gender img {
    width: 25px;
    height:auto
}

.customerlist .customer-list-tbl td {
    padding: 8px 0;
    font-size:14px
}

.customerlist .col-cus-name {
    width:15%
}

.customerlist .col-gender {
    width:5%
}

.customerlist .customer-list-tbl .col-check-box {
    padding-top: 15px;
    padding-left:20px
}

.customerlist .customer-list-tbl .col-checkall {
    vertical-align: top;
    padding-left:20px
}

.customerlist .customer-list-tbl .col-cus-img {
    width: 8%;
    text-align:center
}

.customerlist .input-date {
    border: none;
    outline: 0 !important;
    font-size: 14px;
    width: 80px;
    height: 35px;
    margin-right: 10px;
    padding: 5px;
    border-bottom:1px solid #ccc
}

.customerlist .checkbox-Active, .customerlist .search-advance-btn {
    padding-left: 10px;
    padding-right:10px
}

.customerlist #search-box {
    padding-top: 10px;
    margin-left:40px
}

.customerlist .search-advance-btn {
    color: #8cc13f;
    margin: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: transparent;
    border-top: none;
    border-bottom:none
}

.customerlist .search-advance-btn:focus ~ .search-advance {
    display:block
}

.customerlist .form-search-advance {
    padding:20px
}

.customerlist .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom:15px
}

.customerlist .select-box {
    display: block;
    font-size: 14px;
    color: #bababa;
    background-color: #fff;
    border-radius: 3px;
    height: 35px;
    padding: 5px 10px 5px 5px;
    outline: 0;
    margin-right: 20px;
    border: 1px solid #ddd;
    width:195px
}

.customerlist .field-label {
    text-align: right;
    padding:5px
}

.customerlist .dob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right:1px solid #ddd
}

.customerlist .dob label {
    margin: 0;
    padding-right: 10px;
    padding-left:8px
}

.customerlist .fillter-customer-list {
    display: block;
    height:auto
}

.customerlist .filter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.customerlist .filter-customer .react-select__clear-indicator, .customerlist .filter-customer .react-select__dropdown-indicator, .customerlist .filter-customer-new .react-select__clear-indicator, .customerlist .filter-customer-new .react-select__dropdown-indicator {
    padding:0 !important
}

@media (min-width: 737px) and(max-width: 980px) {
    .customerlist .cus-avartar-img {
        width: 29px;
        height:29px
    }

    .customerlist table .col-gender img {
        width: 15px;
        height:auto
    }

    .customerlist .cus-img {
        margin-top:10px
    }

    .customerlist .cus-name-lbl {
        word-break:break-all
    }

    .customerlist .lbVistor {
        margin-top:2px !important
    }

    .customerlist .search-av {
        margin-top:10px !important
    }

    .customerlist .search-av.chk-active {
        padding-right:5px
    }
}

.customerlist .showall {
    color: #8cc13f;
    padding-left: 15px;
    margin: 0;
    width:126px
}

.customerlist .classDateTime {
    width:130px
}

.customerlist .tdedit {
    padding: 0;
    vertical-align: middle;
    text-align:center
}

.customerlist .lbVistor {
    margin-top:5px
}

.customerlist .lb-header-sms {
    font-weight: 600;
    font-size:14px
}

.customerlist .lb-header-sms label {
    font-weight: 600;
    color:red
}

.customerlist .txtarea-sms {
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom:5px
}

.customerlist .txtarea-sms ::-webkit-input-placeholder {
    color: gray;
    font-style: italic;
    font-size:14px
}

.customerlist .txtarea-sms ::-moz-placeholder {
    color: gray;
    font-style: italic;
    font-size:14px
}

.customerlist .txtarea-sms ::-ms-input-placeholder {
    color: gray;
    font-style: italic;
    font-size:14px
}

.customerlist .txtarea-sms ::placeholder {
    color: gray;
    font-style: italic;
    font-size:14px
}

.customerlist .preview-sms {
    min-height: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px
}

.rating-review #time-table {
    display:none
}

.rating-review .dtp > .dtp-content {
    top: 150px;
    left:35%
}

.rating-review .dtp > .dtp-content:target {
    visibility: hidden;
    opacity: 0;
    display:none
}

.rating-review .input-date {
    border-radius: 3px;
    border: 1px solid #ddd;
    outline: 0 !important;
    font-size: 14px;
    width: 100px;
    height: 35px;
    margin-right: 10px;
    padding:5px
}

.rating-review .col-review-content {
    width:50%
}

.rating-review .review-content {
    font-size: 13px;
    display: -webkit-box;
    line-height: 16px;
    max-height: 32px;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical
}

.business-content, .reden-page .promotion-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction:normal
}

.rating-review .review-content-full {
    font-size:13px
}

.rating-review .date-time-review {
    font-size: 12px;
    color: #4267b2;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top:10px
}

.rating-review .col-rating {
    width:13%
}

.rating-review .num-like {
    font-weight:500
}

.rating-review .col-num-like i {
    color: #4267b2;
    font-size: 18px;
    padding: 3px 3px 5px;
    vertical-align:bottom
}

.rating-review .rating-review-tbl .col-num-like {
    padding-top: 20px;
    text-align:center
}

.rating-review .review-img {
    padding-top: 10px;
    padding-right: 10px;
    display:inherit
}

.rating-review .review-img img {
    width: 32px;
    height:32px
}

.rating-review .owner-img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 2px;
    border: 2px solid #4267b2;
    display: inline-block;
    position:relative
}

.rating-review .owner-img img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 2px;
    border: 1px solid #4267b2;
    position: absolute;
    top: 5%;
    left:5%
}

.business-profile-userpic .img-banner, .business-profile-userpic .img-crop {
    position:relative
}

.rating-review .cus-own-lbl {
    vertical-align: top;
    padding-top: 10px;
    font-weight: 500;
    padding-left:10px
}

.rating-review .rating-review-tbl .col-own-name {
    padding-left:10px
}

.business-content {
    -ms-flex-direction: row;
    flex-direction:row
}

.business-list .state-overview {
    color: #3f3e3e;
    padding:0
}

.business-profile-userpic {
    text-align: center;
    background: #4267b2;
    position: relative;
    height:365px
}

.business-profile-userpic .img-banner img, .business-profile-userpic .img-crop img {
    width:100%
}

.business-profile-userpic .circle-logo {
    right: 15px;
    background: #fff;
    position: absolute;
    color: #0ff;
    border-radius: 100%;
    border:3px solid #4266b2
}

.business-profile-userpic .img-rating {
    position: absolute;
    left:15px
}

.banner-info {
    padding:0 15px
}

span {
    display:block
}

.banner-title {
    white-space: nowrap;
    width:100%
}

.time-phone-info {
    -webkit-box-pack:justify
}

.text-light {
    margin: 0 7px;
    line-height:30px
}

.text-light label {
    margin-bottom:0
}

.card-topline-green {
    border-top:3px solid #00A65A
}

.card-head {
    padding: 2px;
    text-transform: uppercase;
    color: #3a405b;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    min-height:40px
}

.form-group-left {
    margin-bottom: 15px;
    border-bottom:1px solid #ddd
}

.form-horizontal .control-label {
    padding: 5px;
    margin-bottom: 0;
    text-align: right;
    font-size:14px
}

.control-label {
    margin-top: 1px;
    font-weight:400
}

.input-height {
    height:35px !important
}

.form-control-left {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow:none !important
}

.control-label .required, .form-group .required {
    color: #e02222;
    font-size: 12px;
    padding-left:2px
}

.card-topline-lightblue {
    border-top:3px solid #3C8DBC
}

.row-submit {
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.btn-save {
    background-color: #8cc041;
    color: #fff;
    margin-right:20px
}

.btn-cancel {
    background-color: #bababa !important;
    color:#fff
}

.info-box-icon {
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    margin:10px
}

.info-box-text {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight:400
}

.sbold {
    font-weight:600 !important
}

.rw-i, label {
    font-weight:400
}

.breadcrumb li {
    display:inline
}

.page-title, .page-title-breadcrumb {
    width:100%
}

.page-title-breadcrumb div.page-title {
    font-size: 16px;
    line-height:50px
}

.profile-userpic .img-banner {
    position:absolute
}

.profile-userpic .img-crop {
    position: absolute;
    top:110px
}

.profile-userpic .circle-logo {
    right: 0;
    background: #fff;
    position: absolute;
    height: 120px;
    width: 120px;
    color: #0ff;
    border-radius: 100%;
    top: 90px;
    border:5px solid #4266b2
}

.profile-userpic .img-rating {
    position: absolute;
    top: 140px;
    left:5px
}

.banner-info {
    position: absolute;
    bottom: 40px;
    width:100%
}

.banner-info .label-ico {
    color: #FFF;
    padding-top:10px
}

.banner-title {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom:15px
}

.announce-title, .rw-i, select.rw-dropdown-list-autofill, select.rw-filter-input, select.rw-input {
    text-transform:none
}

.time-phone-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display:flex
}

.text-light {
    font-size: 14px;
    color:#fff
}

.info-card-1 {
    height:100%
}

.info-card-2 {
    height:95%
}

#map-canvas {
    height: 280px;
    width:100%
}

.img-banner img, .img-crop img {
    width:100%
}

.check-promotion-show {
    color: #4266b2;
    padding-left:18%
}

@media (min-width: 1801px) {
    .profile-content {
        width:80%
    }

    .info-box {
        margin: 10px;
        padding:20px 40px
    }

    .info-box-icon {
        width: 90px;
        height: 90px;
        font-size:60px
    }

    .info-box-icon i {
        font-size:36px
    }

    .info-box-text {
        font-size:20px
    }

    .check-promotion-show {
        padding-left:24%
    }

    .font-h1 {
        font-size:40px
    }

    .info-box-content {
        padding-top:10px
    }

    .info-box-icon img {
        width: 65%;
        height:65%
    }
}

@media (min-width: 1281px) and(max-width: 1800px) {
    .profile-content {
        width:75%
    }

    .info-box {
        margin: 10px;
        padding:10px
    }

    .info-box-icon {
        width: 90px;
        height: 90px;
        font-size:60px
    }

    .info-box-icon i {
        font-size:36px
    }

    .info-box-text {
        font-size:20px
    }

    .check-promotion-show {
        padding-left:24%
    }

    .font-h1 {
        font-size:40px
    }

    .info-box-content {
        padding-top:10px
    }

    .info-box-icon img {
        width: 65%;
        height:65%
    }
}

@media (min-width: 981px) and(max-width: 1280px) {
    .check-promotion-show {
        padding-left:15%
    }

    .info-box {
        margin:10px
    }
}

@media (min-width: 737px) and(max-width: 980px) {
    .profile-userpic {
        margin:0
    }

    .profile-userpic .img-crop {
        position: absolute;
        top:84px
    }

    .banner-title {
        font-size:25px
    }

    .banner-info {
        padding: 0;
        bottom:20px
    }

    .profile-userpic .img-rating {
        top:80px
    }

    .info-box {
        margin: 5px;
        padding:5px
    }

    .check-promotion-show {
        padding-left:13%
    }

    .info-box-text {
        font-size:11px
    }

    .rating-customer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex:0 0 35%
    }
}

@media (min-width: 481px) and(max-width: 736px) {
    .profile-userpic .img-rating {
        top:120px
    }

    .profile-userpic .img-crop {
        top:97px
    }

    .banner-title {
        font-size:25px
    }

    .banner-info {
        padding:0
    }
}

@media (min-width: 320px) and(max-width: 480px) {
    .profile-userpic .img-rating {
        top:120px
    }

    .profile-userpic .img-crop {
        top:97px
    }

    .banner-title {
        font-size:25px
    }

    .banner-info {
        padding:0
    }
}

.announce-title {
    color: #8cc041;
    font-size:12px
}

.banner-title-custom, .business-title-custom {
    overflow: hidden;
    color: #fff;
    text-overflow:ellipsis
}

.grid-item-config {
    padding: 10px;
    margin:0
}

.grid-item-config:hover {
    -webkit-transform: scale(1.02);
    transform:scale(1.02)
}

.banner-info-custom {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 7px;
    left: 10px;
    right: 10px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.rw-btn, .rw-i {
    display:inline-block
}

.banner-title-custom {
    max-width: 95%;
    font-size:24px
}

.business-title-custom {
    max-width: 100%;
    font-size: 26px;
    background-color: transparent;
    border: none;
    text-align:center
}

.business-title-custom::-webkit-input-placeholder {
    color: #fff;
    opacity:.5
}

.business-title-custom:focus {
    outline: 0 !important;
    border:1px solid #fff
}

.check-promotion-show label {
    padding-left: 10px;
    display: inline-block;
    vertical-align: text-top;
    color:#4266b2
}

.rw-btn, .rw-number-picker .rw-select {
    vertical-align:middle
}

.color-custom-black {
    opacity: 1 !important;
    -webkit-text-fill-color:#464a4c !important
}

.color-custom-white {
    opacity: 1 !important;
    -webkit-text-fill-color:#fff !important
}

.pac-container {
    top:131px !important
}

.rw-btn, .rw-dropdown-list-autofill, .rw-filter-input, .rw-input, .rw-input-reset {
    color: inherit;
    padding: 0;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -ms-touch-action: manipulation;
    touch-action:manipulation
}

.rw-btn::-moz-focus-inner {
    padding: 0;
    border:0
}

html input.rw-dropdown-list-autofill[type=button], html input.rw-filter-input[type=button], html input[type=button].rw-input {
    -webkit-appearance: button;
    cursor:pointer
}

textarea.rw-dropdown-list-autofill, textarea.rw-filter-input, textarea.rw-input {
    overflow: auto;
    resize:vertical
}

button.rw-dropdown-list-autofill[disabled], button.rw-filter-input[disabled], button[disabled].rw-input, fieldset[disabled] .rw-dropdown-list-autofill, fieldset[disabled] .rw-filter-input, fieldset[disabled] .rw-input, html input.rw-dropdown-list-autofill[disabled], html input.rw-filter-input[disabled], html input[disabled].rw-input {
    cursor:not-allowed
}

button.rw-dropdown-list-autofill::-moz-focus-inner, button.rw-filter-input::-moz-focus-inner, button.rw-input::-moz-focus-inner, input.rw-dropdown-list-autofill::-moz-focus-inner, input.rw-filter-input::-moz-focus-inner, input.rw-input::-moz-focus-inner {
    border: 0;
    padding:0
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:0
}

@font-face {
    font-family: RwWidgets;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/fonts/rw-widgets.eot?v=4.1.0);
    src: url(/assets/fonts/rw-widgets.eot?#iefix&v=4.1.0) format("embedded-opentype"), url(/assets/fonts/rw-widgets.woff?v=4.1.0) format("woff"), url(/assets/fonts/rw-widgets.ttf?v=4.1.0) format("truetype"), url(/assets/fonts/rw-widgets.svg?v=4.1.0#fontawesomeregular) format("svg")
}

.rw-i {
    color: inherit;
    font-family: RwWidgets;
    font-style: normal;
    font-variant: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing:antialiased
}

.rw-btn, .rw-widget {
    color: #333;
    outline:0
}

.rw-i-caret-down:before {
    content: '\e803'
}

.rw-i-caret-up:before {
    content: '\e800'
}

.rw-i-chevron-left:before {
    content: '\f104'
}

.rw-i-chevron-right:before {
    content: '\f105'
}

.rw-i-clock-o:before {
    content: '\e805'
}

.rw-i-calendar:before {
    content: '\e804'
}

.rw-i-search:before {
    content: '\e801'
}

.rw-btn {
    position: relative;
    text-align: center;
    border: 1px solid transparent;
    cursor:pointer
}

.rw-state-disabled .rw-btn, .rw-state-readonly .rw-btn {
    cursor:not-allowed
}

.rw-btn-select {
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: opacity 150ms ease-in;
    transition:opacity 150ms ease-in
}

.rw-btn-select:hover, .rw-state-focus .rw-btn-select, :hover > .rw-btn-select {
    opacity: 1;
    filter:alpha(opacity=100)
}

.rw-btn-primary {
    width: 100%;
    white-space: normal;
    line-height:2em
}

.rw-btn-primary:hover {
    background-color:#e6e6e6
}

.rw-btn-primary[disabled], .rw-btn-select[disabled], fieldset[disabled] .rw-btn-primary, fieldset[disabled] .rw-btn-select {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    pointer-events:none
}

.rw-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border:0
}

.rw-calendar-transition-group, .rw-filter-input, .rw-select-list, .rw-widget, .rw-widget-picker, .rw-widget-picker > * {
    position:relative
}

.rw-widget {
    background-clip: border-box;
    border: none;
    font-size: 1em;
    font-family:inherit
}

.rw-widget, .rw-widget *, .rw-widget :after, .rw-widget :before, .rw-widget:after, .rw-widget:before {
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.rw-widget > .rw-widget-container {
    width: 100%;
    margin:0
}

.rw-widget-container {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius:4px
}

.rw-state-focus > .rw-widget-container, .rw-state-focus > .rw-widget-container:hover, .rw-widget-container.rw-state-focus, .rw-widget-container.rw-state-focus:hover {
    background-color: #fff;
    border-color: #66afe9;
    -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    box-shadow:0 0 8px rgba(102, 175, 233, .6)
}

.rw-state-readonly > .rw-widget-container, .rw-widget-container.rw-state-readonly {
    cursor:not-allowed
}

.rw-state-disabled > .rw-widget-container, .rw-state-disabled > .rw-widget-container:active, .rw-state-disabled > .rw-widget-container:hover, .rw-widget-container.rw-state-disabled, .rw-widget-container.rw-state-disabled:active, .rw-widget-container.rw-state-disabled:hover, fieldset[disabled] .rw-widget-container, fieldset[disabled] .rw-widget-container:active, fieldset[disabled] .rw-widget-container:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor:not-allowed
}

.rw-widget-picker {
    overflow: hidden;
    border-collapse: separate;
    display: inline-table;
    height:2.429em
}

.rw-widget-picker > * {
    border: none;
    outline: 0;
    width: 100%;
    height: 100%;
    display:table-cell
}

.rw-widget-picker > .rw-select {
    width: 1%;
    white-space:nowrap
}

.rw-open > .rw-widget-picker {
    border-bottom-right-radius: 0;
    border-bottom-left-radius:0
}

.rw-open-up > .rw-widget-picker {
    border-top-right-radius: 0;
    border-top-left-radius:0
}

.rw-state-disabled > .rw-widget-picker, fieldset[disabled] .rw-widget-picker {
    background-color:transparent
}

.rw-select {
    cursor:pointer
}

.rw-select > * {
    width: 1.9em;
    height:100%
}

.rw-state-disabled .rw-select, .rw-state-readonly .rw-select {
    cursor:not-allowed
}

.rw-select-bordered {
    cursor: pointer;
    border:none
}

.rw-select-bordered:active, .rw-select-bordered:hover {
    background-color:#e6e6e6
}

.rw-select-bordered:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}

.rw-state-disabled .rw-select-bordered, .rw-state-disabled .rw-select-bordered:active, .rw-state-disabled .rw-select-bordered:hover, .rw-state-readonly .rw-select-bordered, .rw-state-readonly .rw-select-bordered:active, .rw-state-readonly .rw-select-bordered:hover, fieldset[disabled] .rw-select-bordered, fieldset[disabled] .rw-select-bordered:active, fieldset[disabled] .rw-select-bordered:hover {
    cursor: not-allowed;
    background-color: inherit;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.rw-rtl .rw-select-bordered {
    border-right: #ccc 1px solid;
    border-left:none
}

.rw-rtl {
    direction:rtl
}

.rw-dropdown-list-autofill, .rw-filter-input, .rw-input, .rw-input-reset {
    outline:0
}

.rw-dropdown-list-autofill::-moz-placeholder, .rw-filter-input::-moz-placeholder, .rw-input-reset::-moz-placeholder, .rw-input::-moz-placeholder {
    color: #999;
    opacity:1
}

.rw-dropdown-list-autofill:-ms-input-placeholder, .rw-filter-input:-ms-input-placeholder, .rw-input-reset:-ms-input-placeholder, .rw-input:-ms-input-placeholder {
    color:#999
}

.rw-dropdown-list-autofill::-webkit-input-placeholder, .rw-filter-input::-webkit-input-placeholder, .rw-input-reset::-webkit-input-placeholder, .rw-input::-webkit-input-placeholder {
    color:#999
}

.rw-dropdown-list-autofill, .rw-filter-input, .rw-input {
    color: #555;
    padding: 0 .857em;
    background-color:#fff
}

.rw-dropdown-list-autofill[type=text]::-ms-clear, .rw-filter-input[type=text]::-ms-clear, .rw-input[type=text]::-ms-clear {
    display:none
}

.rw-dropdown-list-autofill[disabled], .rw-filter-input[disabled], .rw-input[disabled], fieldset[disabled] .rw-dropdown-list-autofill, fieldset[disabled] .rw-filter-input, fieldset[disabled] .rw-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
    background-color: #eee;
    border-color:#ccc
}

.rw-dropdown-list-autofill[readonly], .rw-filter-input[readonly], .rw-input[readonly] {
    cursor:not-allowed
}

.rw-i.rw-loading {
    display: block;
    background: url(../img/loading.gif) center no-repeat;
    min-width: 16px;
    width: 1.9em;
    height:16px
}

.rw-i.rw-loading:before {
    content: ''
}

.rw-placeholder {
    color:#999
}

.rw-detect-autofill:-webkit-autofill {
    -webkit-animation-name: react-widgets-autofill-start;
    animation-name: react-widgets-autofill-start;
    -webkit-transition: background-color 50000s ease-in-out 0s;
    transition:background-color 50000s ease-in-out 0s
}

.rw-detect-autofill:not(:-webkit-autofill) {
    -webkit-animation-name: react-widgets-autofill-cancel;
    animation-name:react-widgets-autofill-cancel
}

.rw-dropdown-list-autofill:-webkit-autofill, .rw-filter-input:-webkit-autofill, .rw-input:-webkit-autofill, .rw-webkit-autofill .rw-widget-container {
    background-color: #faffbd !important;
    background-image: none !important;
    color:#000 !important
}

.rw-filter-input, .rw-widget-input {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.custom-border-none {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow:none !important
}

.custom-right-box-shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color:#ccc !important
}

.rw-state-focus.rw-filter-input, .rw-widget-input.rw-state-focus {
    -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, .6), inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:0 0 8px rgba(102, 175, 233, .6), inset 0 1px 1px rgba(0, 0, 0, .075)
}

.rw-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
    outline: 0;
    overflow: auto;
    max-height:200px
}

.rw-list-option {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    cursor: pointer;
    border:1px solid transparent
}

.rw-list-option.rw-state-focus, .rw-list-option.rw-state-focus:hover {
    background-color: transparent;
    border-color: #66afe9;
    color:#333
}

.rw-list-option:hover, .rw-list-option:hover.rw-state-focus {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color:#333
}

.rw-list-option.rw-state-selected, .rw-list-option.rw-state-selected:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color:#fff
}

.rw-list-option.rw-state-disabled, .rw-list-option.rw-state-readonly, fieldset[disabled] .rw-list-option {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    color: #999;
    filter: alpha(opacity=7);
    opacity:.7
}

.rw-list-option.rw-state-disabled:hover, .rw-list-option.rw-state-readonly:hover, fieldset[disabled] .rw-list-option:hover {
    background: 0 0;
    border-color:transparent
}

.rw-list-empty, .rw-list-optgroup, .rw-list-option {
    padding: .143em .75em;
    outline:0
}

.rw-list-optgroup {
    font-weight: 700;
    padding-top:7px
}

.rw-list-option-create {
    border-top:1px #ccc solid
}

.rw-dropdown-list-autofill {
    padding:0
}

.rw-dropdown-list-input {
    background-color: transparent;
    vertical-align: middle;
    padding-right: 0;
    max-width: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.rw-rtl .rw-dropdown-list-input {
    padding-right: .857em;
    padding-left:0
}

.rw-filter-input {
    margin: 4px;
    padding-right:0
}

.rw-filter-input .rw-rtl {
    padding-right: .857em;
    padding-left:0
}

.rw-cell, .rw-head-cell {
    padding: .25em;
    text-align:center
}

.rw-filter-input .rw-btn, .rw-filter-input .rw-select {
    opacity: .75;
    filter: alpha(opacity=75);
    cursor:text
}

.rw-filter-input > .rw-select, .rw-filter-input > .rw-select:active, .rw-filter-input > .rw-select:hover {
    background: 0 0;
    cursor: initial;
    -webkit-box-shadow: none;
    box-shadow:none
}

.rw-number-picker .rw-btn {
    cursor: pointer;
    height: calc(1.2145em - 1px);
    margin-top: -1px\9;
    height: 1.2145em\9;
    line-height: 1.2145em;
    line-height: calc(1.2145em - 1px);
    display: block;
    border:none
}

.rw-number-picker .rw-btn:active, .rw-number-picker .rw-btn:hover {
    background-color:#e6e6e6
}

.rw-number-picker .rw-btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}

.rw-state-disabled .rw-number-picker .rw-btn, .rw-state-disabled .rw-number-picker .rw-btn:active, .rw-state-disabled .rw-number-picker .rw-btn:hover, .rw-state-readonly .rw-number-picker .rw-btn, .rw-state-readonly .rw-number-picker .rw-btn:active, .rw-state-readonly .rw-number-picker .rw-btn:hover, fieldset[disabled] .rw-number-picker .rw-btn, fieldset[disabled] .rw-number-picker .rw-btn:active, fieldset[disabled] .rw-number-picker .rw-btn:hover {
    cursor: not-allowed;
    background-color: inherit;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.rw-number-picker .rw-select, .rw-number-picker .rw-select:active, .rw-number-picker .rw-select:hover {
    -webkit-box-shadow: none;
    box-shadow:none
}

.rw-calendar-popup {
    right: auto;
    min-width: 0;
    width:18em
}

.rw-calendar {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    overflow:hidden
}

.rw-calendar.rw-popup {
    border-color:#ccc
}

.rw-calendar-now {
    font-weight:700
}

.rw-calendar-btn-left, .rw-calendar-btn-right {
    width:12.5%
}

.rw-calendar-btn-view {
    width:75%
}

.rw-calendar-footer {
    border-top:1px solid #ccc
}

.rw-calendar-grid {
    outline: 0;
    height: 200/14em;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    background-color:#fff
}

.rw-head-cell {
    border-bottom:1px solid #ccc
}

.rw-cell {
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    line-height: normal;
    border:1px solid transparent
}

.rw-cell:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color:#333
}

.rw-cell.rw-state-focus, .rw-cell.rw-state-focus:hover {
    background-color: transparent;
    border-color: #66afe9;
    color:#333
}

.rw-cell.rw-state-selected, .rw-cell.rw-state-selected:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color:#fff
}

.rw-cell.rw-state-disabled {
    color: #999;
    filter: alpha(opacity=7);
    opacity:.7
}

.rw-cell.rw-state-disabled:hover {
    background: 0 0;
    border-color:transparent
}

.rw-calendar-month .rw-cell {
    text-align:center
}

.rw-cell-off-range {
    color:#999
}

.rw-calendar-transition {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    overflow:hidden
}

.rw-calendar-transition-top {
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

.rw-calendar-transition-bottom {
    -webkit-transform: translateY(100%);
    transform:translateY(100%)
}

.rw-calendar-transition-right {
    -webkit-transform: translateX(-100%);
    transform:translateX(-100%)
}

.rw-calendar-transition-left {
    -webkit-transform: translateX(100%);
    transform:translateX(100%)
}

.rw-calendar-transition-entered.rw-calendar-transition-bottom, .rw-calendar-transition-entered.rw-calendar-transition-top, .rw-calendar-transition-entering.rw-calendar-transition-bottom, .rw-calendar-transition-entering.rw-calendar-transition-top {
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.rw-calendar-transition-entered.rw-calendar-transition-left, .rw-calendar-transition-entered.rw-calendar-transition-right, .rw-calendar-transition-entering.rw-calendar-transition-left, .rw-calendar-transition-entering.rw-calendar-transition-right {
    -webkit-transform: translateX(0);
    transform:translateX(0)
}

.rw-calendar-transition-exiting.rw-calendar-transition-top {
    -webkit-transform: translateY(100%);
    transform:translateY(100%)
}

.rw-calendar-transition-exiting.rw-calendar-transition-bottom {
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

.rw-calendar-transition-exiting.rw-calendar-transition-right {
    -webkit-transform: translateX(100%);
    transform:translateX(100%)
}

.rw-calendar-transition-exiting.rw-calendar-transition-left {
    -webkit-transform: translateX(-100%);
    transform:translateX(-100%)
}

.rw-select-list {
    overflow:auto
}

.rw-select-list .rw-list {
    max-height: none;
    font-size:1em
}

.rw-select-list-label {
    display: block;
    position: relative;
    font-weight: 400;
    cursor: inherit;
    padding-left: 20px;
    margin:0
}

.rw-rtl .rw-select-list-label {
    padding-left: 0;
    padding-right:20px
}

input.rw-select-list-input {
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: .1em/9;
    margin: 0;
    line-height: normal;
    cursor:inherit
}

.rw-rtl input.rw-select-list-input {
    left: auto;
    right:0
}

.rw-loading-mask {
    content: '';
    background: url(../img/loader-big.gif) center no-repeat #fff;
    position: absolute;
    border-radius: 4px;
    opacity: .7;
    filter: alpha(opacity=70);
    top: 0;
    left: 0;
    height: 100%;
    width:100%
}

.rw-multiselect {
    cursor:text
}

.rw-multiselect .rw-dropdown-list-autofill, .rw-multiselect .rw-filter-input, .rw-multiselect .rw-input, .rw-multiselect .rw-input-reset {
    height: calc(2.429em - 2px);
    margin-top: -2px\9;
    height: 2.429em\9;
    border-width: 0;
    width: auto;
    max-width: 100%;
    padding:0 .857em
}

.rw-multiselect .rw-select, .rw-multiselect .rw-select:active, .rw-multiselect .rw-select:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:0 0
}

.rw-multiselect-taglist {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    outline:0
}

.rw-multiselect-tag {
    display: inline-table;
    color: inherit;
    padding: 0 .35em;
    margin-left: calc(.27933em - 1px);
    margin-top: .27933em;
    margin-top: calc(.27933em - 1px);
    height: 1.87033em;
    border-radius: 3px;
    background-color: #eee;
    border: 1px solid #ccc;
    cursor: default;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
    max-width:100%
}

.rw-multiselect-tag.rw-state-disabled, .rw-multiselect-tag.rw-state-readonly, .rw-state-disabled, .rw-state-disabled .rw-multiselect-tag, .rw-state-readonly .rw-multiselect-tag, fieldset[disabled] .rw-multiselect-tag {
    cursor:not-allowed
}

.rw-multiselect-tag > * {
    display: table-cell;
    vertical-align: middle;
    height:100%
}

.rw-rtl .rw-multiselect-tag {
    margin-left: 0;
    margin-right: calc(.27933em - 1px);
    padding:0 .35em
}

.rw-multiselect-tag.rw-state-focus, .rw-multiselect-tag.rw-state-focus:hover {
    background-color: transparent;
    border-color: #66afe9;
    color:#333
}

.rw-multiselect-tag.rw-state-disabled, .rw-state-disabled .rw-multiselect-tag, fieldset[disabled] .rw-multiselect-tag {
    opacity: .65;
    filter:alpha(opacity=65)
}

fieldset[disabled] .rw-multiselect-tag {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor:not-allowed
}

.rw-multiselect-tag-btn {
    color: inherit;
    margin-left:.25em
}

.rw-rtl .rw-multiselect-tag-btn {
    margin-left: 0;
    margin-right:.25em
}

.rw-autocomplete .rw-select {
    position: absolute;
    display: block;
    width: auto;
    top: 0;
    bottom: 0;
    right:0
}

.rw-popup-container {
    position: absolute;
    z-index: 1005;
    top: 100%;
    left: -6px;
    right:-6px
}

.rw-popup-container.rw-dropup {
    top: auto;
    bottom:100%
}

.rw-state-focus .rw-popup-container {
    z-index:1006
}

.rw-popup-transition {
    width: 100%;
    margin-bottom: 6px;
    padding: 0 6px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition:transform .2s, -webkit-transform .2s
}

.rw-dropup > .rw-popup-transition {
    margin-bottom: 0;
    margin-top:6px
}

.rw-popup {
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius:0 0 3px 3px
}

.rw-dropup .rw-popup {
    -webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 -2px 6px rgba(0, 0, 0, .2);
    border-radius:3px 3px 0 0
}

.rw-popup-transition-entering {
    overflow:hidden
}

.rw-popup-transition-entering .rw-popup-transition {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function:ease-out
}

.rw-popup-transition-exiting .rw-popup-transition {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function:ease-in
}

.rw-popup-transition-exited, .rw-popup-transition-exiting {
    overflow:hidden
}

.rw-popup-transition-exited .rw-popup-transition, .rw-popup-transition-exiting .rw-popup-transition {
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

.rw-popup-transition-exited.rw-dropup .rw-popup-transition, .rw-popup-transition-exiting.rw-dropup .rw-popup-transition {
    -webkit-transform: translateY(100%);
    transform:translateY(100%)
}

.rw-popup-transition-exited {
    display:none
}

.rw-state-disabled {
    -webkit-box-shadow: none;
    box-shadow:none
}

.Toastify__toast-container {
    z-index: 9999;
    position: fixed;
    padding: 4px;
    width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left:1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left:-160px
}

.Toastify__toast-container--top-right {
    top: 1em;
    right:1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left:1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left:-160px
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right:1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin:0
    }

    .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
        top:0
    }

    .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
        bottom:0
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left:initial
    }
}

.Toastify__toast {
    position: relative;
    min-height: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction:ltr
}

.Toastify__toast--rtl {
    direction:rtl
}

.Toastify__toast--default {
    background: #fff;
    color:#aaa
}

.Toastify__toast--info {
    background:#3498db
}

.Toastify__toast--success {
    background:#07bc0c
}

.Toastify__toast--warning {
    background:#f1c40f
}

.Toastify__toast--error {
    background:#e74c3c
}

.Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex:1
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0
    }
}

.Toastify__close-button {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: 0 0;
    outline: 0;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -ms-flex-item-align: start;
    align-self:flex-start
}

.Toastify__close-button--default {
    color: #000;
    opacity:.3
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
    opacity:1
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: .7;
    background-color: rgba(255, 255, 255, .7);
    -webkit-transform-origin: left;
    transform-origin:left
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation:Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition:transform .2s, -webkit-transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    -webkit-transform-origin: right;
    transform-origin:right
}

.Toastify__progress-bar--default {
    background: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), to(#ff2d55));
    background:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)
}

@-webkit-keyframes Toastify__bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform:none
    }
}

@keyframes Toastify__bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform:none
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform:translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform:translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform:none
    }
}

@keyframes Toastify__bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform:none
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform:translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform:translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes Toastify__bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform:none
    }
}

@keyframes Toastify__bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform:none
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name:Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name:Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name:Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name:Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name:Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name:Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name:Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name:Toastify__bounceOutDown
}

@-webkit-keyframes Toastify__zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }

    50% {
        opacity:1
    }
}

@keyframes Toastify__zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }

    50% {
        opacity:1
    }
}

@-webkit-keyframes Toastify__zoomOut {
    from {
        opacity:1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }

    to {
        opacity:0
    }
}

@keyframes Toastify__zoomOut {
    from {
        opacity:1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }

    to {
        opacity:0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name:Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name:Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity:0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function:ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform:perspective(400px)
    }
}

@keyframes Toastify__flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity:0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function:ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform:perspective(400px)
    }
}

@-webkit-keyframes Toastify__flipOut {
    from {
        -webkit-transform: perspective(400px);
        transform:perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity:1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}

@keyframes Toastify__flipOut {
    from {
        -webkit-transform: perspective(400px);
        transform:perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity:1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name:Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name:Toastify__flipOut
}

@-webkit-keyframes Toastify__slideInRight {
    from {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInRight {
    from {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    from {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInLeft {
    from {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideInUp {
    from {
        -webkit-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInUp {
    from {
        -webkit-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideInDown {
    from {
        -webkit-transform: translate3d(0, -110%, 0);
        transform: translate3d(0, -110%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInDown {
    from {
        -webkit-transform: translate3d(0, -110%, 0);
        transform: translate3d(0, -110%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(110%, 0, 0);
        transform:translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(110%, 0, 0);
        transform:translate3d(110%, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-110%, 0, 0);
        transform:translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-110%, 0, 0);
        transform:translate3d(-110%, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 500px, 0);
        transform:translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 500px, 0);
        transform:translate3d(0, 500px, 0)
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -500px, 0);
        transform:translate3d(0, -500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -500px, 0);
        transform:translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name:Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name:Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name:Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name:Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name:Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name:Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name:Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name:Toastify__slideOutDown
}

.reden-page .promotion-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.reden-page .banner-promotion-new {
    position: relative;
    height: 302px;
    width: 100%;
    margin-bottom:35px
}

.reden-page .layer-gray {
    background-color: #686968;
    opacity: .6;
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    top:0
}

.reden-page .little-layer-gray {
    background-color: #686968;
    opacity: .6;
    height: 42px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius:0 0 3px 3px
}

.reden-page .banner-promotion-new #camera-icon {
    opacity: 1;
    position: absolute;
    top: 40%;
    left:40%
}

.reden-page .img-promotion {
    width: 100%;
    height:92px
}

.reden-page .banner-promotion-non-active, .reden-page .banner-promotion-old {
    width: 100%;
    height: 92px;
    margin-bottom: 35px;
    position:relative
}

.reden-page .promotion-info {
    color: #fff;
    height: 42px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding-top: 3px;
    width:100%
}

.reden-page .promotion-info label {
    font-size: 14px;
    font-weight:500
}

.reden-page .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 97%;
    font-size:12px
}

.reden-page .des p {
    font-size: 12px;
    margin:0
}

.reden-page .state-content-promotion {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.reden-page .state-content-promotion .checkbox-Active {
    padding-right: 20px;
    padding-top:5px
}

.reden-page .form-promotion-info {
    padding-bottom:15px
}

.reden-page #name-promotion {
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    outline: 0;
    width: 350px;
    font-weight:600
}

.reden-page #name-promotion::-webkit-input-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 600;
    font-style:normal
}

.reden-page #name-promotion::-moz-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 600;
    font-style:normal
}

.reden-page #name-promotion:-ms-input-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 600;
    font-style:normal
}

.reden-page #name-promotion:-moz-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 600;
    font-style:normal
}

.reden-page .line-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top:12px
}

.reden-page .date-time-pick, .reden-page .showhome {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction:normal
}

.reden-page .line-info input {
    border: none;
    line-height: 25px;
    margin-left: 15px;
    outline: 0;
    height: 30px;
    margin-top:-4px
}

.reden-page .line-info input::-webkit-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input::-moz-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input:-moz-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input:-ms-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input:focus::-webkit-input-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input:focus::-moz-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input:focus:-moz-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info input:focus:-ms-input-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.reden-page .line-info textarea {
    border: none;
    font-size: 14px;
    margin-left: 15px;
    outline: 0;
    width: 350px;
    height: 80px;
    padding-top:2px
}

.reden-page .line-info textarea::-webkit-input-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.reden-page .line-info textarea::-moz-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.reden-page .line-info textarea:-moz-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.reden-page .line-info textarea:-ms-input-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.reden-page .line-info textarea:focus::-webkit-input-placeholder {
    color:transparent
}

.reden-page .line-info textarea:focus::-moz-placeholder {
    color:transparent
}

.reden-page .line-info textarea:focus:-moz-placeholder {
    color:transparent
}

.reden-page .line-info textarea:focus:-ms-input-placeholder {
    color:transparent
}

.reden-page .showhome {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom:10px
}

.reden-page #order {
    padding-top: 10px;
    padding-left:40px
}

.reden-page .date-time-pick {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.reden-page .group-input-datetime input {
    border: none;
    border-bottom: 1px solid #c6c7c6;
    line-height: 1;
    margin-bottom: 17px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.reden-page .group-input-datetime label {
    margin-bottom:17px
}

.reden-page .group-input-datetime input::-webkit-input-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.reden-page .group-input-datetime input::-moz-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.reden-page .group-input-datetime input:-moz-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.reden-page .group-input-datetime input:-ms-input-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.reden-page .day {
    width:90px
}

.reden-page .time {
    width:60px
}

.reden-page .col-date-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-right:15px
}

.reden-page .col-date-time label {
    padding-right:15px
}

.reden-page .space {
    padding-right:20px
}

.reden-page .day-week td {
    border: none;
    padding:0
}

.reden-page .day-week {
    margin:0
}

.reden-page .lbl-text, .reden-page .name-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.reden-page #icon-search {
    color: #8dc240;
    padding-left: 15px;
    vertical-align:bottom
}

.reden-page .table th {
    border:none
}

.reden-page .table-responsive {
    padding-top:20px
}

.reden-page .row-submit {
    text-align:center
}

.reden-page .redeem-point {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 90px;
    margin-left: 13px;
    margin-right:20px
}

.reden-page .mini-point {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 170px;
    margin-left: 13px;
    margin-right:20px
}

.reden-page .redeem-point-container {
    padding-bottom: 15px;
    padding-top:15px
}

.reden-page .popup {
    width: 70%;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    top: 25%;
    left: 15%;
    -webkit-box-shadow: 2px 2px 10px #888;
    box-shadow: 2px 2px 10px #888;
    padding:20px
}

.reden-page .input-prices {
    border: none;
    width: 75px;
    border-bottom: 1px solid #ccc;
    outline:0
}

.reden-page #search-box {
    width: 222px;
    position:relative
}

.reden-page #search-box input {
    background: #fff;
    border: 1px solid #8cc041;
    font-size: 16px;
    width: 190px;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    height: 28px;
    outline: 0;
    padding-left: 10px;
    padding-right:10px
}

.reden-page .search-btn {
    background: #8cc041;
    border: none;
    color: #fff;
    height: 28px;
    width: 84px;
    outline: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    position: absolute;
    right: 0;
    padding:3px
}

.reden-page .lbl-selector {
    font-size: 15px;
    margin: 0;
    vertical-align: -webkit-baseline-middle;
    padding-right:10px
}

.reden-page table .col-check-box {
    padding-top: 15px;
    padding-left:40px
}

.reden-page .search-btn i {
    font-size: 22px;
    color:#fff
}

.reden-page .hold-box-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width:100%
}

.reden-page .magic-checkbox + label:before, .reden-page .magic-radio + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border:1px solid silver
}

.reden-page .magic-checkbox + label:before {
    border-radius:3px
}

.reden-page .magic-checkbox + label, .reden-page .magic-radio + label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align:middle
}

.reden-page .magic-checkbox + label:after, .reden-page .magic-radio + label:after {
    position: absolute;
    display: none;
    content: ''
}

.reden-page .magic-checkbox + label:after {
    top: 2px;
    left: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left:0
}

.reden-page .magic-checkbox:checked + label:after {
    display:block
}

.reden-page .magic-checkbox, .reden-page .magic-radio {
    position: absolute;
    display:none
}

.reden-page .magic-checkbox + label:hover:before {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: hover-color;
    animation-name:hover-color
}

.reden-page .magic-checkbox:checked + label:before {
    border: #3e97eb;
    background:#3e97eb
}

.reden-page .magic-checkbox:checked + label:before, .reden-page .magic-radio:checked + label:before {
    -webkit-animation-name: none;
    animation-name:none
}

.reden-page .popup-title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
    padding-top:20px
}

.reden-page #tbl-history-discount thead th {
    background-color: transparent;
    border-bottom:none
}

.reden-page #tbl-history-discount td {
    border:none
}

.reden-page .btn-history i {
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
    vertical-align:middle
}

.reden-page .btn-history {
    margin-right: 0;
    padding:5px
}

.reden-page .accordion-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 255px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.reden-page .group-input-datetime {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.reden-page .nested .lbl-services {
    padding-right: 10px;
    width:40%
}

.reden-page .non-caret .lbl-services {
    padding-right:20px
}

.reden-page .input-points {
    outline: 0;
    border: none;
    border-bottom: 1px solid #c6c7c6;
    width:50px
}

.reden-page .btn-cancel {
    background-color:#cbcaca
}

.reden-page .switch-head .checkbox-Active {
    padding-right: 20px;
    padding-top:5px
}

.reden-page .checkbox-Active {
    padding-bottom: 20px;
    padding-left:0
}

.reden-page .applyDate input, .reden-page .expireDate input {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size:14px !important
}

.reden-page .applyDate.error input, .reden-page .expireDate.error input {
    border-bottom:#f86c6b solid 1px !important
}

.reden-page input {
    outline:0
}

.reden-page input:disabled, .reden-page textarea:disabled {
    background-color:#fff
}

.reden-page h4 {
    font-size: 16px;
    margin: 0;
    color: inherit !important;
    font-weight:400 !important
}

@media (min-width: 737px) and(max-width: 980px) {
    .reden-page #name-promotion {
        width:100%
    }

    .reden-page #toggle2 {
        display:none
    }

    .reden-page .popup {
        width: 90%;
        left:5%
    }
}

@media (min-width: 481px) and(max-width: 736px) {
    .reden-page #img-promotion-new, .reden-page #name-promotion {
        width:100%
    }

    .reden-page #toggle2 {
        display:none
    }
}

@media (min-width: 320px) and(max-width: 480px) {
    .reden-page #name-promotion {
        width:100%
    }

    .reden-page #toggle2 {
        display:none
    }
}

.promotion-page .promotion-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.promotion-page .banner-promotion-new {
    position: relative;
    height: 302px;
    width: 100%;
    margin-bottom:35px
}

.promotion-page .layer-gray {
    background-color: #686968;
    opacity: .6;
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    top:0
}

.promotion-page .little-layer-gray {
    background-color: #686968;
    opacity: .6;
    height: 42px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius:0 0 3px 3px
}

.promotion-page .banner-promotion-new #camera-icon {
    opacity: 1;
    position: absolute;
    top: 40%;
    left:40%
}

.promotion-page .img-promotion {
    width: 100%;
    height:100%
}

.promotion-page .banner-promotion-non-active, .promotion-page .banner-promotion-old {
    width: 100%;
    height: 92px;
    margin-bottom: 35px;
    position:relative
}

.promotion-page .promotion-info {
    color: #fff;
    height: 42px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding-top: 3px;
    width:100%
}

.promotion-page .promotion-info label {
    font-size: 14px;
    font-weight:500
}

.promotion-page .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 96%;
    font-size:12px
}

.promotion-page .line-info, .promotion-page .showhome {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-box-orient:horizontal
}

.promotion-page .des p {
    font-size: 12px;
    margin:0
}

.promotion-page .state-content-promotion {
    width:55%
}

.promotion-page .state-content-promotion .checkbox-Active {
    padding-top:5px
}

.promotion-page .form-promotion-info {
    padding-bottom:15px
}

.promotion-page #name-promotion {
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    outline: 0;
    width: 350px;
    font-weight:500
}

.promotion-page #name-promotion::-webkit-input-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 500;
    font-style:normal
}

.promotion-page #name-promotion::-moz-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 500;
    font-style:normal
}

.promotion-page #name-promotion:-ms-input-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 500;
    font-style:normal
}

.promotion-page #name-promotion:-moz-placeholder {
    color: #3a3f4a;
    font-size: 18px;
    font-weight: 500;
    font-style:normal
}

.promotion-page .panel-title a, .promotion-page h4 {
    font-weight:400 !important
}

.promotion-page .line-info {
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding-top:12px
}

.promotion-page .line-info input {
    border: none;
    line-height: 25px;
    margin-left: 15px;
    outline: 0;
    height: 30px;
    margin-top:-4px
}

.promotion-page .line-info input::-webkit-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input::-moz-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input:-moz-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input:-ms-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input:focus::-webkit-input-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input:focus::-moz-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input:focus:-moz-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info input:focus:-ms-input-placeholder {
    text-indent: 500px;
    -webkit-transition: text-indent .3s ease;
    transition:text-indent .3s ease
}

.promotion-page .line-info textarea {
    border: none;
    font-size: 14px;
    margin-left: 15px;
    outline: 0;
    width: 350px;
    height: 80px;
    padding-top:2px
}

.promotion-page .line-info textarea::-webkit-input-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.promotion-page .line-info textarea::-moz-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.promotion-page .line-info textarea:-moz-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.promotion-page .line-info textarea:-ms-input-placeholder {
    color: #c6c7c6;
    font-style: italic;
    font-size:12px
}

.promotion-page .line-info textarea:focus::-webkit-input-placeholder {
    color:transparent
}

.promotion-page .line-info textarea:focus::-moz-placeholder {
    color:transparent
}

.promotion-page .line-info textarea:focus:-moz-placeholder {
    color:transparent
}

.promotion-page .line-info textarea:focus:-ms-input-placeholder {
    color:transparent
}

.promotion-page .showhome {
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding-bottom:10px
}

.promotion-page .col-date-time, .promotion-page .date-time-pick {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction:normal
}

.promotion-page #order {
    padding-left:40px
}

.promotion-page .date-time-pick {
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction:row
}

.promotion-page .date-time-pick input {
    border: none;
    border-bottom: 1px solid #c6c7c6;
    line-height: 1;
    margin-bottom: 17px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.promotion-page .date-time-pick label {
    margin-bottom:17px
}

.promotion-page .date-time-pick input::-webkit-input-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.promotion-page .date-time-pick input::-moz-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.promotion-page .date-time-pick input:-moz-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.promotion-page .date-time-pick input:-ms-input-placeholder {
    color: #c6c7c6;
    font-style: normal;
    font-size:14px
}

.promotion-page .day {
    width:90px
}

.promotion-page .time {
    width:60px
}

.promotion-page .col-date-time {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-right:15px
}

.promotion-page .space {
    padding-right:60px
}

.promotion-page .day-week td {
    border: none;
    padding:0
}

.promotion-page .day-week {
    margin:0
}

.promotion-page .name-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.promotion-page .lbl-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:10px
}

.promotion-page #icon-search {
    color: #8dc240;
    padding-left: 15px;
    vertical-align:bottom
}

.promotion-page .table th {
    border:none
}

.promotion-page .table-responsive {
    padding-top:20px
}

.promotion-page .name-discount {
    padding-bottom:15px
}

.promotion-page .name-discount input {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    width: 570px;
    margin-left: 13px;
    outline: 0;
    line-height: 1.5;
    vertical-align: super;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.promotion-page .name-discount .inputname {
    width:610px
}

.promotion-page .checkbox-Active .lbldiscount {
    line-height: 1.4;
    margin-left: 5px;
    margin-right:10px
}

.promotion-page .discount input.inpdiscount {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    line-height: 1.5;
    vertical-align: super;
    outline: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.promotion-page .detail-discount, .promotion-page .popup .row-submit {
    padding-top:30px
}

.promotion-page .discount .radio-Active {
    margin-left:20px
}

.promotion-page .gift {
    margin-left:10px
}

.promotion-page .inpdiscount {
    height:20px
}

.promotion-page .ticket {
    margin-left:22px
}

.promotion-page .collapse {
    -webkit-transition: max-height .3s ease-out;
    transition:max-height .3s ease-out
}

.promotion-page .accordion-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 120px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.promotion-page #search_btn {
    width: 20px;
    height:20px
}

.promotion-page .input-prices {
    border: none;
    width: 75px;
    border-bottom: 1px solid #ccc;
    outline:0
}

.promotion-page .table-data {
    padding-top:40px
}

.promotion-page .box-ser {
    width:250px
}

.promotion-page .lbl-selector {
    font-size: 15px;
    margin: 0;
    vertical-align: -webkit-baseline-middle;
    padding-right:10px
}

.promotion-page table .col-check-box {
    padding-top: 15px;
    padding-left:40px
}

.promotion-page #filter-popup-price {
    padding:10px 5px
}

.promotion-page .day-week td {
    width:180px
}

.promotion-page .lbl-text a {
    color:#8dc240
}

.promotion-page .switch-head .checkbox-Active {
    padding-right: 20px;
    padding-top:5px
}

.promotion-page .checkbox-Active {
    padding-bottom: 20px;
    padding-left:0
}

.promotion-page h4 {
    font-size: 16px;
    margin: 0;
    color:inherit !important
}

.promotion-page .applyDate input, .promotion-page .endHours input, .promotion-page .expireDate input, .promotion-page .startHours input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size:14px !important
}

.promotion-page .applyDate.error input, .promotion-page .expireDate.error input {
    border-bottom:#f86c6b solid 1px !important
}

.promotion-page input {
    outline:0
}

.promotion-page input:disabled, .promotion-page textarea:disabled {
    background-color:#fff
}

.promotion-page .condition-money label {
    margin-right:10px
}

.promotion-page .condition-money input {
    border: none;
    border-bottom: 1px solid #c6c7c6;
    line-height: 1;
    width: 60px;
    height: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.promotion-page .condition-money {
    display: inline-block;
    margin-left:20px
}

.promotion-page .customertype.checkbox-Active {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex:0 0 33.3333%
}

.promotion-page input.chkPromotion {
    z-index: 1;
    width: 20px;
    height:20px
}

.promotion-page .focus-promotion {
    border: 3px solid #8cc041;
    border-radius:5px
}

.promotion-page .choice-pro-active {
    line-height: 26px;
    margin-left:15px
}

.promotion-page .choice-pro-active .choice {
    opacity: 0;
    position:absolute
}

.promotion-page .choice-pro-active > label.pro {
    margin-bottom: 0;
    padding-left: 25px;
    position:relative
}

.promotion-page .choice-pro-active > label.pro::before {
    position: absolute;
    content: "";
    background: #fff;
    border: 1px solid #727272;
    border-radius: 3px;
    height: 20px;
    width: 20px;
    top: 3px;
    left:0
}

.promotion-page .choice-pro-active input[type=checkbox]:checked + label.pro::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #727272;
    line-height: 20px;
    font-size: 10px;
    padding-left:4px
}

.promotion-page .choice-pro-active label.pro::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #727272;
    border-radius: 3px;
    position: absolute;
    top: 3px;
    left:0
}

.promotion-page a.applyAll:hover {
    color:#8dc240 !important
}

.promotion-page i.delOffer {
    font-size: 15px;
    margin-top: 5px;
    color:red
}

@media (min-width: 737px) and(max-width: 980px) {
    .promotion-page #name-promotion {
        width:100%
    }

    .promotion-page #toggle2 {
        display:none
    }
}

@media (min-width: 481px) and(max-width: 736px) {
    .promotion-page #name-promotion {
        width:100%
    }

    .promotion-page #toggle2 {
        display:none
    }
}

@media (min-width: 320px) and(max-width: 480px) {
    .promotion-page #name-promotion {
        width:100%
    }

    .promotion-page #toggle2 {
        display:none
    }
}

.checkout-page .contain-head {
    width: 100%;
    padding:15px 20px 10px 45px
}

.checkout-page .cus-ico {
    width: 77px;
    height: 77px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #4267b2;
    -o-border-image: initial;
    border-image: initial;
    padding:2px
}

.checkout-page .cus-name {
    padding-top: 5px;
    font-weight: 500;
    text-transform:uppercase
}

.checkout-page .contain-head-ico {
    width: 19px;
    height: 19px;
    margin-right:10px
}

.checkout-page .cus-point img {
    width: 20%;
    height: auto;
    margin-right:10px
}

.checkout-page .cus-point label {
    font-size:36px
}

.checkout-page .rating-star {
    color: #f7941e;
    font-size:14px
}

.checkout-page .bg-blue {
    background-color: #4267b1;
    height: 52px;
    width: 100%;
    padding:5px
}

.checkout-page .nav-text {
    color: #fff;
    font-weight:400
}

.checkout-page .no-padding {
    padding-right:0
}

.checkout-page .navbar-expand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow:row nowrap
}

.checkout-page .status-text {
    color:#f7941e
}

.checkout-page .right-align-space {
    margin-right:30px
}

.checkout-page .tech {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center
}

.checkout-page .tech-img {
    border-radius: 50%;
    width: 39px;
    height: 39px;
    padding: 2px;
    border:1px solid #8cc13f
}

.checkout-page .edit-btn {
    height: 16px;
    width: 23px;
    position: absolute;
    bottom: 0;
    right:-8px
}

.checkout-page .plus-btn {
    height: 16px;
    position: absolute;
    bottom: 0;
    right:0
}

.checkout-page .dush {
    color: #fe0831;
    font-size:20px
}

.checkout-page .als-prev {
    padding-top:5%
}

.checkout-page .wrap-service-preview {
    border-right: 1px solid #bababa;
    width: 100%;
    padding-right: 20px;
    padding-left:20px
}

.checkout-page .container-services {
    background-color: #fff;
    padding:20px
}

.checkout-page .service-preview {
    margin:0
}

.checkout-page .service-preview thead th {
    border: none;
    vertical-align: text-bottom;
    font-weight:500
}

.checkout-page .service-preview td {
    line-height:25px
}

.checkout-page .service-preview .border-none {
    border:none
}

.checkout-page .service-small img {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 3px;
    border: 1px solid #4267b2;
    margin-right:5px
}

.checkout-page .line-top td {
    border:none
}

.checkout-page .circle-carosel {
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-bottom:10px
}

.checkout-page .service-carosel {
    padding-bottom:20px
}

.checkout-page .item-circle-carosel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    width: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    text-align:center
}

.checkout-page .item-circle-carosel label {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(assets/xml/ellipsis.xml#ellipsis);
    font-size: 14px;
    color:#8c8c8c
}

.checkout-page .services-icon {
    border-radius: 50%;
    width: 65px;
    height: 65px;
    padding: 10px;
    border:1px solid #4267b2
}

.checkout-page .check-ico img {
    width: 17px;
    height: 17px;
    margin-left:20px
}

.checkout-page .service-icon-small img {
    border-radius: 50%;
    width: 37px;
    height: 37px;
    padding: 5px;
    border:1px solid #4267b2
}

.checkout-page table .col-end {
    border: none;
    width:60px
}

.checkout-page .list-service .ser-price {
    width: 20%;
    text-align: right;
    padding-right:0
}

.checkout-page .list-service td {
    vertical-align:middle
}

.checkout-page .list-service .ser-icon {
    padding-left: 0;
    padding-right:0
}

.checkout-page .submit-container {
    text-align: right;
    padding:20px 0
}

.checkout-page .submit-right {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-right:20px
}

.checkout-page .submit-center {
    text-align: center;
    padding:10px 0
}

.checkout-page .list-payment {
    padding: 20px 20px 20px 0;
    border-bottom:1px solid #bababa
}

.checkout-page .btn-payment {
    width: 160px;
    height: 45px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none;
    outline:0
}

.checkout-page .btn-submit {
    height: 40px;
    border-radius: 25px;
    border: none;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 30px;
    margin:0 10px
}

.checkout-page .btn-non-active {
    background-color:#bababa
}

.checkout-page .btn-active {
    background-color:#8cc13f
}

.checkout-page .img-scroll {
    margin-top: 10px;
    height:300px
}

.checkout-page .img-scroll img {
    width: 100%;
    height:inherit
}

.checkout-page .circle-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding:20px 0
}

.checkout-page .circle {
    display: block;
    width: 9px;
    height: 9px;
    margin: 5px 6px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    border-radius: 20px;
    background:#869791
}

.checkout-page .slick-active .circle {
    background:#000
}

.checkout-page .service-preview .col-no-padding {
    padding:5px 0
}

.checkout-page .text-bold {
    font-weight:500
}

.checkout-page .text-orange {
    font-weight: 500;
    color:#f7941e
}

.checkout-page .services-container {
    position: relative;
    padding-left:5px
}

.checkout-page .lbl-price {
    line-height: 1.6;
    padding-right:5px
}

.checkout-page .lbl-discount {
    font-style:italic
}

.checkout-page .payment-contain {
    width: 70%;
    margin: 0 auto;
    padding-top:30px
}

.checkout-page .non-active {
    color:#8c8c8c
}

.checkout-page .payment-type {
    width: 336px;
    height: 47px;
    border: 1px solid #8cc13f;
    background: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    padding:13px
}

.checkout-page .payment-detail-view {
    padding:20px 0
}

.checkout-page .payment-detail {
    padding: 30px 100px;
    font-weight:500
}

.checkout-page .credit-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.checkout-page .cash-payment {
    text-align:left
}

.checkout-page .cash-payment i, .checkout-page .credit-payment i {
    color: #8cc13f;
    padding-right:5px
}

.checkout-page .text-tittle {
    font-size: 18px;
    font-weight:500
}

.checkout-page .text-tittle-large {
    font-size:30px
}

.checkout-page .lbl-price {
    width: 150px;
    text-align: left;
    padding: 3px 10px;
    font-weight:500
}

.checkout-page .lbl-confirm {
    width: 150px;
    text-align:right
}

.checkout-page .confirm-detail {
    padding: 20px 0;
    position:relative
}

.checkout-page .payment-type-confirm {
    position: absolute;
    top: 20px;
    right:0
}

.checkout-page .sign-confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    padding-top:100px
}

.checkout-page #signature-pad {
    border-bottom: 1px solid #bababa;
    width: 250px;
    height:70px
}

.checkout-page .confirm-active {
    padding-top: 10px;
    padding-bottom:0
}

.checkout-page .confirm-active label {
    padding-left:10px
}

.checkout-page .review-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 22px;
    max-height:44px
}

.checkout-page .table-wrap {
    padding-left:20px
}

.checkout-page .promotion-line {
    font-size: 15px;
    background-color:#e8f2f5
}

.checkout-page .discount-line {
    font-size: 15px;
    background-color:#f2eae7
}

.checkout-page .price-discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.checkout-page .edit-btn-price-discount {
    height: 16px;
    width:23px
}

.checkout-page .popup-center {
    padding: 20px 0;
    text-align:center
}

.checkout-page .icon-head-popup {
    padding-bottom:20px
}

.checkout-page .contain-popup {
    background-color: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.checkout-page .service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding:0 25px
}

.checkout-page .service-item label {
    padding-top:10px
}

.checkout-page .submit-popup {
    text-align: center;
    padding:20px 0
}

.checkout-page .colum-display {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.checkout-page .tech-missing {
    padding-left:28%
}

.checkout-page .tech-missing span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom:20px
}

.checkout-page .popup-tech-img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 2px;
    border: 1px solid #8cc13f;
    margin-right:10px
}

.checkout-page .lbl-note-popup {
    color:#4267b1
}

.checkout-page .lbl-price-service-discount {
    color: #4267b1;
    font-weight:500
}

.checkout-page .discount-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.checkout-page #business-name, .checkout-page .checkout-membership-info1, .checkout-page .employee-item-wrapper, .checkout-page .logo-and-rating-v2, .checkout-page .name-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction:normal
}

.checkout-page .discount-service img {
    margin:0 15px
}

.checkout-page .price-discount-area {
    border: 1px solid #8cc13f;
    border-radius: 5px;
    padding: 5px 20px;
    display: inline-block;
    background-color: #efefef;
    font-weight: 500;
    width:165px
}

.checkout-page .lbl-icon-discount {
    background-color:#869791
}

.checkout-page .holding-price-discount {
    display:block
}

.checkout-page .price-discount-area-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, .15);
    border-radius:3px 0 0 3px
}

.checkout-page .phone-number-txt {
    position: relative;
    background: #8bc03f;
    border-radius: 25px;
    height: 48px;
    width: 380px;
    margin: 0 auto;
    padding:5px
}

.checkout-page .phone-input-lbel {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding-top: 12px;
    padding-left:20px
}

.checkout-page .phone-input {
    border-radius: 25px;
    position: absolute;
    right: 1px;
    height: 46px;
    border: none;
    top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width:180px
}

.checkout-page .keyboard button {
    margin:7.5px
}

.checkout-page [type=reset], .checkout-page [type=submit], .checkout-page button, .checkout-page html [type=button] {
    outline:0
}

.checkout-page .btn-num {
    width: 95px;
    height: 45px;
    border-radius: 19px;
    color: #fff;
    background: #8bc03f;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 12px;
    margin-left:8px
}

.checkout-page .keyboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content:center
}

.checkout-page .keyboard-container-holding {
    width: 80%;
    margin: 0 auto;
    padding-top:20px
}

.checkout-page .keyboard-container {
    padding:20px 0
}

.checkout-page .btn-text {
    font-size:18px
}

.checkout-page .checkout-content {
    padding-top: 20px;
    font-weight: 500;
    color:#1d2129
}

.checkout-page .checkout-content-lbl {
    text-align: left;
    width:110px
}

.checkout-page .checkout-content-number-lbl {
    width:90px
}

.checkout-page .space-top {
    padding-top:30px
}

.checkout-page .large-space {
    padding-right:50px
}

.checkout-page .cus-type {
    width: 70px;
    height:auto
}

.checkout-page #header {
    background-image: url(/assets/images/logo-ez.png);
    background-position: top -2px right;
    background-repeat: no-repeat;
    width: 98%;
    padding: 8em 4em;
    position: absolute;
    z-index:1
}

.checkout-page #banner {
    height: 440px;
    text-align: center;
    padding-left:15px
}

.checkout-page .white-bg {
    background-color:#fff
}

.checkout-page .keyboardmain-container {
    margin: 0 auto;
    max-width: calc(100% - 4em);
    width: 40%;
    padding-top: 23%;
    padding-bottom:40px
}

.checkout-page .business-info {
    margin-left:60px
}

.checkout-page #business-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    -ms-align-items:baseline
}

.checkout-page .name-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width:50%
}

.checkout-page #business-name label {
    font-size: 28px;
    color: #264990;
    font-weight: 700;
    display: inline-block;
    margin-right: 10px;
    padding-top:10px
}

.checkout-page .text-light-checkout {
    color: #6a6969 !important;
    font-size:16px !important
}

.checkout-page .time-phone-info-checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display:flex
}

.checkout-page .textinfo {
    display: inline-block;
    padding-right:20px
}

.checkout-page .textinfo img {
    display: inline-block;
    width: 15px;
    height:15px
}

.checkout-page .textinfo label {
    display: inline-block;
    padding-left: 7px;
    vertical-align: top;
    line-height: 1.7;
    margin:0
}

.checkout-page .liststar i {
    padding-right: 3px;
    color:#f7941e
}

.checkout-page .logo {
    height: 45px;
    width: auto;
    margin-bottom:10px
}

.checkout-page .liststar {
    border-radius: 25px;
    background-color: #ebebeb;
    width: 130px;
    text-align: center;
    font-size: 13px;
    color: #1f1815;
    height:20px
}

.checkout-page .lbl-phone {
    background-color: #fff;
    padding-top: 8px;
    font-size: 19px;
    text-align: center;
    font-weight: 700;
    padding-right: 5px;
    padding-left:10px
}

.checkout-page .checkout-content label {
    font-weight:500
}

.checkout-page .checkout-redeem-info {
    color: #fff;
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: gray;
    opacity: .7;
    padding:5px
}

.checkout-page .checkout-redeem-info label {
    font-size: 14px;
    font-weight: 500;
    margin:0
}

.checkout-page .checkout-redeem-info .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size:12px
}

.checkout-page .checkout-redeem-info .des > p {
    margin-bottom: 0;
    line-height:unset
}

.checkout-page .slick-dots {
    bottom:-35px !important
}

.checkout-page .point-reward {
    text-align: right;
    padding-right: 35px;
    padding-top: 2px;
    color: red;
    font-size: 15px;
    font-style:italic
}

.checkout-page .promotion-checkout {
    position: relative;
    width: 100%;
    height:100%
}

.checkout-page .promotion-checkout img {
    position: absolute;
    left:0
}

.checkout-page .checkout-promotion-info {
    color: #fff;
    height: 60px;
    position: absolute;
    bottom: 5px;
    left: 15px;
    padding-top: 3px;
    width:100%
}

.checkout-page .checkout-promotion-info label {
    font-size: 14px;
    font-weight: 500;
    margin:0
}

.checkout-page .checkout-promotion-info .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 97%;
    font-size: 12px;
    padding-left: 10px;
    padding-top:5px
}

.checkout-page .checkout-promotion-info .name {
    float: left;
    padding-left:10px
}

.checkout-page .center {
    text-align: center;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.checkout-page .centerBlock {
    margin:0 auto
}

.checkout-page .center-space {
    padding:0 15px
}

.checkout-page .right-space {
    padding-right:10px
}

.checkout-page .nav-left-space {
    padding-left:55px
}

.checkout-page .space {
    padding-bottom:5px
}

.checkout-page .centerLine-point {
    padding-top:20px
}

.checkout-page .right-align {
    text-align:right
}

.checkout-page .employee-item-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 115px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-box;
    display:-ms-flexbox
}

.checkout-page .tech-img-checkout {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 2px;
    border:1px solid #8cc13f
}

.checkout-page .employee-img {
    padding:20px
}

.checkout-page .employee-any-img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid #8cc13f;
    position: relative;
    display: block;
    margin-bottom:10px
}

.checkout-page .employee-any-img .tech-img-checkout {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 2px;
    border: 1px solid #8cc13f;
    position: absolute;
    top: 10%;
    left:10%
}

.checkout-page .scroll-check {
    position: absolute;
    bottom: -3px;
    right:0
}

.checkout-page .employee-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.checkout-page .col-head-order {
    font-weight:500
}

.checkout-page .row-content-order {
    margin-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.checkout-page .col-content-order {
    vertical-align:middle !important
}

.checkout-page .submit-order {
    margin-top: 15px;
    margin-right:45px
}

.checkout-page input.chkPromotion {
    z-index: 1;
    width: 20px;
    height:20px
}

.checkout-page .choice-pro-active {
    line-height: 26px;
    margin-left:15px
}

.checkout-page .choice-pro-active .choice {
    opacity: 0;
    position:absolute
}

.checkout-page .choice-pro-active > label.pro {
    margin-bottom: 0;
    padding-left: 25px;
    position:relative
}

.checkout-page .choice-pro-active > label.pro::before {
    position: absolute;
    content: "";
    background: #fff;
    border: 1px solid #727272;
    border-radius: 3px;
    height: 20px;
    width: 20px;
    top: 3px;
    left:0
}

.checkout-page .choice-pro-active input[type=checkbox]:checked + label.pro::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #727272;
    line-height: 20px;
    font-size: 10px;
    padding-left:4px
}

.historybooking-page .fas, .historybooking-page .inp {
    font-family:FontAwesome, RobotoDraft, Roboto, sans-serif
}

.checkout-page .choice-pro-active label.pro::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #727272;
    border-radius: 3px;
    position: absolute;
    top: 3px;
    left:0
}

.checkout-page a.applyAll:hover {
    color:#8dc240 !important
}

.checkout-page i.delOffer {
    font-size: 15px;
    margin-top: 5px;
    color:red
}

.checkout-page .content-membership {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.checkout-page .content-membership img {
    width: 100px;
    height:100px
}

.checkout-page .content-membership label {
    font-size: 36px;
    font-weight:400
}

.checkout-page .content-membership p {
    margin-bottom: -10px;
    margin-left:10px
}

.checkout-page .img-scroll-membership {
    background-image: url(/assets/images/bg-membership1.jpg);
    background-position-y: -75px;
    background-position-x:-90px
}

.checkout-page .checkout-membership-info {
    color: #000;
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #6f6b6b2b;
    padding: 5px;
    font-weight:800
}

.checkout-page .checkout-membership-info1 {
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom:20px
}

.checkout-page .checkout-membership-info1 p {
    font-size: 26px;
    padding-left:90px
}

.checkout-page .checkout-membership-info .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size:12px
}

.checkout-page .checkout-membership-info label {
    font-size: 14px;
    font-weight: 500;
    margin:0
}

.checkout-page .checkout-membership-info p {
    margin-bottom:0 !important
}

.checkout-page .membership-pick {
    text-align: right;
    padding-right: 35px;
    padding-top: 2px;
    color: #fa911c;
    font-size: 15px;
    font-style:italic
}

.checkout-page .div-img-membership {
    background-color: #fff;
    width: 130px;
    height: 130px;
    position: absolute;
    left: 140px;
    top: 25px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.checkout-page .div-img-membership img {
    width: 50px;
    -o-object-fit: contain;
    object-fit:contain
}

.checkout-page .cash-number, .checkout-page .input-phonenumber {
    width: 375px;
    margin:0 auto
}

.checkout-page .name-address-phone-v2 .bus-name {
    font-size: 28px;
    color: #264990;
    font-weight: 700;
    display: inline-block;
    padding-top:10px
}

.checkout-page .logo-and-rating-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

@media (min-width: 1801px) {
    .checkout-page .list-payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .checkout-page .container-holding {
        width: 100%;
        margin:0 auto
    }

    .checkout-page .phone-number {
        width: 50%;
        margin:0 auto
    }

    .checkout-page .employee-item-wrapper {
        width:125px
    }
}

@media (min-width: 1281px) and(max-width: 1800px) {
    .checkout-page .list-payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .checkout-page .span-payment {
        padding-right:20px
    }

    .checkout-page .container-holding {
        width: 100%;
        margin:0 auto
    }

    .checkout-page .phone-number {
        width: 85%;
        margin:0 auto
    }

    .checkout-page .employee-item-wrapper {
        width:125px
    }
}

@media (min-width: 981px) and(max-width: 1280px) {
    .checkout-page .container-holding {
        width: 100%;
        margin:0 auto
    }

    .checkout-page .phone-number {
        width: 85%;
        margin:0 auto
    }
}

@media (min-width: 737px) and(max-width: 980px) {
    .checkout-page .phone-number {
        width: 80%;
        margin:0 auto
    }

    .checkout-page .flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction:column-reverse
    }

    .checkout-page .keyboardmain-container {
        width: 60%;
        padding-top:35%
    }

    .checkout-page .business-info {
        text-align: center;
        margin-bottom: 60px;
        margin-left:0
    }

    .checkout-page #business-name {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .checkout-page .time-phone-info-checkout {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .checkout-page .wrap-service-preview {
        border-right: none;
        padding-bottom: 20px;
        border-bottom: 1px solid #bababa;
        margin-bottom:20px
    }

    .checkout-page .service-carosel {
        padding-left: 20px;
        padding-right:20px
    }

    .checkout-page .edit-btn {
        right:0
    }

    .checkout-page .plus-btn {
        right:8px
    }

    .checkout-page .table-wrap {
        padding-right:40px
    }

    .checkout-page .services-container {
        position: relative;
        padding-left: 60px;
        padding-right:40px
    }

    .checkout-page .img-scroll img {
        width:100%
    }

    .checkout-page .submit-right {
        position: inherit;
        width: 100%;
        padding-right:0
    }

    .checkout-page .btn-payment {
        width:115px
    }

    .checkout-page .pick-redeem {
        margin-bottom:50px
    }

    .checkout-page .submit-order {
        margin-right:50px
    }

    .checkout-page .content-membership img {
        width:100px
    }

    .checkout-page .div-img-membership img {
        width:50px !important
    }

    .checkout-page .img-scroll-membership {
        background-position-x:20px
    }

    .checkout-page .div-img-membership {
        left:250px
    }

    .checkout-page .checkout-membership-info1 p {
        padding-left:200px
    }
}

@media (min-width: 481px) and(max-width: 736px) {
    .checkout-page .span-payment {
        padding-bottom:20px
    }
}

@media (min-width: 320px) and(max-width: 480px) {
    .checkout-page .span-payment {
        padding-bottom:20px
    }
}

.checkout-page .business-info-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

@media (min-width: 1140px) {
    .checkout-page .business-info-v2 {
        padding-top:50px
    }
}

@media (min-width: 1366px) {
    .checkout-page .keyboard-checkout {
        padding-top:17%
    }
}

.historybooking-page .filter-date {
    border: none;
    background-color: #8cc041;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    padding: 0 7px;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    position:relative
}

.historybooking-page .completed-status, .historybooking-page .void-status {
    padding-right: 15px;
    line-height:1.8
}

.historybooking-page .filter-date img {
    width: 22px;
    position: absolute;
    top: 5px;
    left:5px
}

.historybooking-page .status {
    border-radius: 35px;
    height: 20px;
    color: #fff;
    font-size:12px
}

.historybooking-page .void-status {
    margin-right: 15px;
    border-right:1px solid #cbcaca
}

.historybooking-page .completed-status label, .historybooking-page .void-status label {
    font-size: 14px;
    color: #8cc041;
    padding-left:5px
}

.historybooking-page .void-status i {
    color: #f95b5b;
    font-size:10px
}

.historybooking-page .completed-status i {
    color: #4c4c4c;
    font-size:10px
}

.historybooking-page #tblData td {
    text-align:center
}

.historybooking-page #tblData tr.confirm td {
    border-top:1px solid #cd73fc
}

.historybooking-page .confirm .status {
    background-color:#cd73fc
}

.historybooking-page #tblData tr.noshow td {
    border-top: 1px solid #fcb1b1;
    color:#fc7474
}

.historybooking-page .noshow .status {
    background-color:#f95b5b
}

.historybooking-page #tblData tr.completed td {
    border-top: 1px solid #d8d8d8;
    color:#d1d1d1
}

.historybooking-page .completed .status {
    background-color:#cacaca
}

.historybooking-page #tblData tr.new td {
    border-top:1px solid #59deff
}

.historybooking-page .new .status {
    background-color:#3dc0e1
}

.historybooking-page #tblData tr.cancel td {
    border-top:1px solid #ebd15d
}

.historybooking-page .cancel .status {
    background-color:#ebd15d
}

.historybooking-page .price input {
    width:50px
}

.historybooking-page .fas {
    font-style: normal;
    font-size: 16px;
    padding-right:5px
}

.historybooking-page .payment img {
    vertical-align:baseline
}

.historybooking-page .search-btn i {
    font-size: 22px;
    color:#fff
}

.historybooking-page .selector-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.historybooking-page .inp {
    border: none;
    border-bottom: 1px solid #cbcaca;
    width: 80px;
    height: 18px;
    color: #848484;
    outline: 0;
    margin-right: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.historybooking-page .inp::-webkit-input-placeholder {
    font-size: 14px;
    font-style: normal;
    color:#bababa
}

.historybooking-page .inp:-moz-placeholder {
    font-size: 14px;
    font-style: normal;
    color:#bababa
}

.historybooking-page .inp:-ms-input-placeholder {
    font-size: 14px;
    font-style: normal;
    color:#bababa
}

.historybooking-page .inp::-moz-placeholder {
    font-size: 14px;
    font-style: normals;
    color:#bababa
}

.historybooking-page .filter-input {
    border-right: 1px solid #cbcaca;
    margin-right:15px
}

.historybooking-page .row-submit {
    text-align: center;
    padding:20px 0
}

.historybooking-page .card-panel {
    position: relative;
    margin-bottom: 14px;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.historybooking-page .state-overview1 {
    padding:15px 20px
}

.historybooking-page .btn-text {
    border: none;
    background: 0 0;
    color: #8cc041;
    padding-right: 10px;
    outline:0
}

.historybooking-page .inside {
    margin-right: 10px;
    border-right:1px solid #cbcaca
}

.historybooking-page .choice-pro-active {
    line-height: 26px;
    margin-left:15px
}

.historybooking-page .choice-pro-active .choice {
    opacity: 0;
    position:absolute
}

.historybooking-page .choice-pro-active > label.pro {
    margin-bottom: 0;
    padding-left: 25px;
    position:relative
}

.historybooking-page .choice-pro-active > label.pro::before {
    position: absolute;
    content: "";
    background: #fff;
    border: 1px solid #727272;
    border-radius: 3px;
    height: 20px;
    width: 20px;
    top: 3px;
    left:0
}

.historybooking-page .choice-pro-active input[type=checkbox]:checked + label.pro::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #727272;
    line-height: 20px;
    font-size: 10px;
    padding-left:4px
}

.historybooking-page .choice-pro-active label.pro::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #727272;
    border-radius: 3px;
    position: absolute;
    top: 3px;
    left:0
}

.historybooking-page a.applyAll:hover {
    color:#8dc240 !important
}

.historybooking-page i.delOffer {
    font-size: 15px;
    margin-top: 5px;
    color:red
}

.historybooking-page .checklabel .status {
    margin-left: 10px;
    width: 70px;
    vertical-align: middle;
    padding-top: 3px;
    padding-left: 0;
    text-align:center
}

.historybooking-page .employee-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.historybooking-page .employee-item {
    margin: 15px;
    width: 100px;
    text-align:center
}

.historybooking-page #tblData th.center {
    text-align:center
}

.historybooking-page #tblData td, .historybooking-page #tblData th {
    padding:.6rem !important
}

.historybooking-page .tech-history {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right:5px
}

.historybooking-page p.more-employee {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight:500
}

.historybooking-page .row-info, .historybooking-page .status-row {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-box-direction:normal
}

.historybooking-page .status-row {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.historybooking-page .popup-detail {
    position: fixed;
    top: 5%;
    left: 20%;
    width:55%
}

.historybooking-page .popup-detail .title {
    height: 30px;
    margin-bottom:0
}

.historybooking-page .popup-detail .title span {
    margin:0 auto
}

.historybooking-page .popup-detail-content {
    margin-bottom: 10px;
    margin-top: 20px;
    overflow-y:scroll
}

.historybooking-page .row-info {
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    font-size:14px
}

.historybooking-page .row-info.customer-info {
    margin-top:20px
}

.historybooking-page .row-info .col1 {
    width: 55%;
    padding-left:50px
}

.historybooking-page .row-info .col2 {
    width:45%
}

.historybooking-page .row-info .row-barcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.historybooking-page .row-barcode img {
    width: 40px;
    height:40px
}

.historybooking-page .row-barcode span {
    margin-left:10px
}

.historybooking-page span.bookingdate {
    margin-left:50px
}

.historybooking-page .col-customer-img {
    width: 55%;
    padding-left: 50px;
    padding-top:20px
}

.historybooking-page .col-customer-img .row-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width:150px
}

.historybooking-page .row-img img {
    width: 50px;
    height: 50px;
    border-radius:50%
}

.historybooking-page .row-img span {
    margin-top:10px
}

.historybooking-page .col-customer-info {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.historybooking-page .col-customer-info .row-info-cus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:10px
}

.historybooking-page .row-detail-booking, .popup-employee .employee-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:row
}

.historybooking-page .row-info-cus img {
    width: 20px;
    height:20px
}

.historybooking-page .row-info-cus span {
    margin-left:10px
}

.historybooking-page .content-detail-booking {
    width: 100%;
    margin-top: 20px;
    max-height: 150px;
    overflow:scroll
}

.historybooking-page .row-detail-booking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 5px 20px;
    width: inherit;
    color: #4466b0;
    font-size:15px
}

.historybooking-page .row-detail-booking .img-service {
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex:0 0 10%
}

.historybooking-page .row-detail-booking .img-service img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 5px;
    border:1px solid #4267b2
}

.historybooking-page .row-detail-booking .name-service {
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex:0 0 30%
}

.historybooking-page .row-detail-booking .price-service, .historybooking-page .row-detail-booking .time-service {
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex:0 0 15%
}

.historybooking-page .row-detail-booking .emp-service {
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex:0 0 30%
}

.historybooking-page .row-detail-booking.odd {
    background-color:#f2fbf6
}

.historybooking-page .row-detail-booking.even {
    background-color:#fff
}

.historybooking-page .filter-day {
    padding: 0 15px;
    font-weight: 700;
    text-decoration: underline;
    cursor:pointer
}

.historybooking-page .filter-day.active-day {
    color:#8cc041
}

.historybooking-page span.next-filter-day, .historybooking-page span.pre-filter-day {
    display: inline-block;
    text-align: center;
    width:30px
}

.historybooking-page span.next-filter-day i, .historybooking-page span.pre-filter-day i {
    padding-right:0
}

@media (min-width: 737px) and(max-width: 980px) {
    .historybooking-page .filter-input {
        margin-top: 10px;
        border-right:none
    }

    .historybooking-page .selector-box {
        width:65%
    }

    .historybooking-page .search-box-service {
        margin-top:10px
    }

    .historybooking-page .filter-status {
        margin-top:20px
    }

    .historybooking-page .employee-item {
        margin:15px 30px
    }

    .historybooking-page .col-customer-img {
        padding-left:0
    }

    .historybooking-page .row-info .col1 {
        padding-left:20px
    }

    .historybooking-page .col-customer-info, .historybooking-page .row-info .col2 {
        width:50%
    }
}

@media (min-width: 1200px) {
    .historybooking-page .popup-detail-content {
        overflow-y:hidden
    }

    .historybooking-page .content-popup-booking {
        overflow-x:hidden
    }

    .historybooking-page .total-popup-booking {
        overflow:hidden
    }
}

.popup-employee a[href^=tel] {
    text-decoration: inherit;
    color:inherit
}

.popup-employee [type=reset], .popup-employee [type=submit], .popup-employee button, .popup-employee html [type=button] {
    outline:0
}

.popup-employee .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .5s;
    transition:opacity .5s
}

.popup-employee .overlay:target {
    visibility: visible;
    opacity:1
}

.popup-employee .popup {
    width: 70%;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    top: 25%;
    left: 15%;
    -webkit-box-shadow: 2px 2px 10px #888;
    box-shadow: 2px 2px 10px #888;
    padding:20px
}

.popup-employee .choice-content {
    width: 75%;
    padding-bottom: 10px;
    margin: 0 auto;
    padding-top:20px
}

.popup-employee #content-answer {
    background-color: #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 15px;
    -webkit-transition: max-height 5s ease-out;
    transition: max-height 5s ease-out;
    display: none;
    padding-top:20px
}

.popup-employee .phone {
    width: 119px;
    height: 44px;
    border-radius: 5px;
    background-color: #8bc03f;
    border: none;
    color: #fff;
    margin:10px
}

.popup-employee .list-phone {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin:0 auto
}

.popup-employee #note {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    display:none
}

.popup-employee .wrong-ico {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fe7070;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin:10px
}

.popup-employee .answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position:relative
}

.popup-employee .answer-btn {
    width: 65px;
    background-color: #8bc03f;
    position: absolute;
    right: 30px;
    top: -10px;
    border-radius: 5px;
    border: none;
    height: 40px;
    font-size: 16px;
    color:#fff
}

.popup-employee .center {
    text-align:center
}

.popup-employee .not-center {
    text-align:inherit
}

.popup-employee .input-answer {
    border: none;
    background: 0 0;
    border-bottom: .5px solid #9a9a9a;
    width: 50%;
    margin: 10px;
    outline:0
}

.popup-employee .italic-lbl label {
    font-style: italic;
    margin-bottom: 0;
    margin-left: 30px;
    margin-top:10px
}

.popup-employee .notitalic label {
    font-style: inherit;
    margin:0 20px 20px
}

.popup-employee .info {
    padding-bottom:30px
}

.popup-employee .employee-row {
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    position: relative;
    padding-bottom: 20px;
    text-align:center
}

.popup-employee .circle {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    display:inline-block
}

.popup-employee .employee-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content:space-around
}

.popup-employee .tech-img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 2px;
    border:1px solid #8cc13f
}

.popup-employee .employee-any-img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid #8cc13f;
    position: relative;
    display: block;
    margin-bottom:10px
}

.popup-employee #barcode-number, .popup-employee .list-employee {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction:normal
}

.popup-employee .employee-any-img .tech-img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 2px;
    border: 1px solid #8cc13f;
    position: absolute;
    top: 10%;
    left:10%
}

.popup-employee .check-ico img {
    width: 17px;
    height:17px
}

.popup-employee .scroll-check {
    position: absolute;
    bottom: -3px;
    right:0
}

.popup-employee .list-employee {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.popup-employee .als-prev {
    padding-top: 8%;
    font-size: 40px;
    color: #9a9a9a;
    margin:10px
}

.popup-employee .employee {
    width:100%
}

.popup-employee .checklabel .status {
    margin-left: 10px;
    width: 70px;
    vertical-align: middle;
    padding-top: 3px;
    padding-left: 0;
    text-align:center
}

.popup-employee .checkstatus {
    width: 100%;
    margin:20px 0
}

.popup-employee .checkstatus td {
    border-top: none;
    text-align:center
}

.popup-employee .pure-checkbox *, .popup-employee .pure-checkbox :after, .popup-employee .pure-checkbox :before, .popup-employee .pure-radiobutton *, .popup-employee .pure-radiobutton :after, .popup-employee .pure-radiobutton :before {
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.popup-employee .pure-checkbox input[type=checkbox], .popup-employee .pure-checkbox input[type=radio], .popup-employee .pure-radiobutton input[type=checkbox], .popup-employee .pure-radiobutton input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width:1px
}

.popup-employee .pure-checkbox input[type=checkbox]:focus + label:before, .popup-employee .pure-checkbox input[type=checkbox]:hover + label:before, .popup-employee .pure-checkbox input[type=radio]:focus + label:before, .popup-employee .pure-checkbox input[type=radio]:hover + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:focus + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:hover + label:before, .popup-employee .pure-radiobutton input[type=radio]:focus + label:before, .popup-employee .pure-radiobutton input[type=radio]:hover + label:before {
    border-color: #757575;
    background-color:#f2f2f2
}

.popup-employee .pure-checkbox input[type=checkbox] + label, .popup-employee .pure-checkbox input[type=radio] + label, .popup-employee .pure-radiobutton input[type=checkbox] + label, .popup-employee .pure-radiobutton input[type=radio] + label {
    position: relative;
    padding: 5px 5px 5px 2em;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer
}

.popup-employee .pure-checkbox input[type=checkbox] + label:before, .popup-employee .pure-checkbox input[type=radio] + label:before, .popup-employee .pure-radiobutton input[type=checkbox] + label:before, .popup-employee .pure-radiobutton input[type=radio] + label:before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    color: #757575;
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border: 2px solid #757575;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition:all .4s ease
}

.popup-employee .pure-checkbox input[type=checkbox] + label:after, .popup-employee .pure-checkbox input[type=radio] + label:after, .popup-employee .pure-radiobutton input[type=checkbox] + label:after, .popup-employee .pure-radiobutton input[type=radio] + label:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    background-color: #757575;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition:transform .2s ease-out, -webkit-transform .2s ease-out
}

.popup-employee .pure-checkbox input[type=checkbox]:disabled + label:before, .popup-employee .pure-checkbox input[type=radio]:disabled + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:disabled + label:before, .popup-employee .pure-radiobutton input[type=radio]:disabled + label:before {
    border-color:#ccc
}

.popup-employee .pure-checkbox input[type=checkbox]:disabled:focus + label:before, .popup-employee .pure-checkbox input[type=checkbox]:disabled:hover + label:before, .popup-employee .pure-checkbox input[type=radio]:disabled:focus + label:before, .popup-employee .pure-checkbox input[type=radio]:disabled:hover + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:disabled:focus + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:disabled:hover + label:before, .popup-employee .pure-radiobutton input[type=radio]:disabled:focus + label:before, .popup-employee .pure-radiobutton input[type=radio]:disabled:hover + label:before {
    background-color:inherit
}

.popup-employee .pure-checkbox input[type=checkbox]:disabled:checked + label:before, .popup-employee .pure-checkbox input[type=radio]:disabled:checked + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:disabled:checked + label:before, .popup-employee .pure-radiobutton input[type=radio]:disabled:checked + label:before {
    background-color:#ccc
}

.popup-employee .pure-checkbox input[type=checkbox] + label:after, .popup-employee .pure-radiobutton input[type=checkbox] + label:after {
    background-color: transparent;
    top: 50%;
    left: 4px;
    width: 8px;
    height: 3px;
    margin-top: -4px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 3px 3px;
    -o-border-image: none;
    border-image: none;
    -webkit-transform: rotate(-45deg) scale(0);
    transform:rotate(-45deg) scale(0)
}

.popup-employee .pure-checkbox input[type=radio]:checked + label:before, .popup-employee .pure-radiobutton input[type=radio]:checked + label:before {
    -webkit-animation: borderscale .3s ease-in;
    animation: borderscale .3s ease-in;
    background-color:#fff
}

.popup-employee .pure-checkbox input[type=radio]:checked + label:after, .popup-employee .pure-radiobutton input[type=radio]:checked + label:after {
    -webkit-transform: scale(1);
    transform:scale(1)
}

.popup-employee .pure-checkbox input[type=radio] + label:after, .popup-employee .pure-checkbox input[type=radio] + label:before, .popup-employee .pure-radiobutton input[type=radio] + label:after, .popup-employee .pure-radiobutton input[type=radio] + label:before {
    border-radius:50%
}

.popup-employee .pure-checkbox input[type=checkbox]:checked + label:before, .popup-employee .pure-radiobutton input[type=checkbox]:checked + label:before {
    -webkit-animation: borderscale .2s ease-in;
    animation: borderscale .2s ease-in;
    background:#4F8196
}

.popup-employee .pure-checkbox input[type=checkbox]:checked + label:after, .popup-employee .pure-radiobutton input[type=checkbox]:checked + label:after {
    content: '';
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: rotate(-45deg) scale(1);
    transform:rotate(-45deg) scale(1)
}

.popup-employee .pure-checkbox.pure-checkbox-inline, .popup-employee .pure-checkbox.pure-radiobutton-inline, .popup-employee .pure-radiobutton.pure-checkbox-inline, .popup-employee .pure-radiobutton.pure-radiobutton-inline {
    display:inline-block
}

.popup-employee .pure-checkbox-toggle input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width:1px
}

.popup-employee .pure-checkbox-toggle input[type=checkbox] + label {
    position: relative;
    padding: 5px 5px 5px 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display:block
}

.popup-employee .pure-checkbox-toggle input[type=checkbox] + label:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    color: #757575;
    width: 35px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color:#d6d6d6
}

.popup-employee .pure-checkbox-toggle input[type=checkbox] + label:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:checked + label:before {
    -webkit-box-shadow: inset 0 0 0 10px #757575;
    box-shadow:inset 0 0 0 10px #757575
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:checked + label:after {
    left: 15px;
    border-color: #757575;
    background-color:#fff
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:disabled + label {
    cursor:default
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:disabled + label:before {
    -webkit-box-shadow: inset 0 0 0 10px #e3e3e3;
    box-shadow:inset 0 0 0 10px #e3e3e3
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:disabled + label:after {
    border-color:#e3e3e3
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:disabled:checked + label:before {
    -webkit-box-shadow: inset 0 0 0 10px #999;
    box-shadow:inset 0 0 0 10px #999
}

.popup-employee .pure-checkbox-toggle input[type=checkbox]:disabled:checked + label:after {
    border-color:#999
}

.popup-employee .pure-checkbox-toggle--right input[type=checkbox] + label {
    padding:5px 40px 5px 5px
}

.popup-employee .pure-checkbox-toggle--right input[type=checkbox] + label:before {
    left: auto;
    right:0
}

.popup-employee .pure-checkbox-toggle--right input[type=checkbox] + label:after {
    left: auto;
    right:15px
}

.popup-employee .pure-checkbox-toggle--right input[type=checkbox]:checked + label:after {
    left: auto;
    right:0
}

.popup-employee ul.input-list {
    list-style: none;
    margin: 0;
    padding:0
}

.popup-employee .qr-barcode {
    padding-top: 9px;
    width: 48px;
    height: 48px;
    border: 1px solid #a0a0a0;
    text-align:center
}

.popup-employee #barcode-number {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center
}

.popup-employee #barcode-number img {
    width: 25px;
    height:25px
}

.popup-employee #clock-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center
}

.popup-employee #clock-time img {
    width: 35px;
    height:35px
}

.popup-employee .label-text {
    padding-left: 10px;
    padding-top: 10px;
    color:#797979
}

.popup-employee .employee-img {
    position:relative
}

@media (min-width: 1801px) {
    .popup-employee .popup {
        width:50%
    }

    .popup-employee .choice-content {
        width:80%
    }

    .popup-employee .input-answer {
        width:65%
    }
}

@media (min-width: 1281px) and(max-width: 1800px) {
    .popup-employee .popup {
        width:50%
    }

    .popup-employee .choice-content {
        width:80%
    }

    .popup-employee .input-answer {
        width:55%
    }
}

@media (min-width: 981px) and(max-width: 1280px) {
    .popup-employee .popup {
        width:60%
    }

    .popup-employee .popup .content {
        width:65%
    }
}

@media (min-width: 737px) and(max-width: 980px) {
    .popup-employee .popup {
        width:70%
    }

    .popup-employee .popup .content {
        width:62%
    }
}

@media (min-width: 481px) and(max-width: 736px) {
    .popup-employee .popup {
        width:70%
    }
}

@media (min-width: 320px) and(max-width: 480px) {
    .popup-employee .popup {
        width:100%
    }

    .popup-employee .input-answer {
        width:40%
    }
}

.album-page-business .album-bus {
    position: relative;
    border: 1px solid #eaeef3;
    height:277px
}

.album-page-business .album-bus img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.album-page-business .album-bus-info {
    background-color: gray;
    opacity: .5;
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 3px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.album-page-business .col-md-4 {
    padding-bottom: 15px;
    padding-top:15px
}

.album-page-business .album-bus-info-title {
    color: #fff;
    font-size: 14px;
    padding: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex:0 0 80%
}

.album-page-business .album-bus-info-del {
    color: red;
    padding: 10px;
    font-size:20px
}

.album-page-business .profile-content-album {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width:100%
}

.album-page-business .item-album {
    float: left;
    width: 150px;
    height: 150px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 12px 10px;
    position: relative;
    background-color: #f9f9f9;
    margin:5px
}

.album-page-business .item-album.newdata {
    background-color: inherit !important;
    display: table;
    border: 1px dashed #7f7f7f;
    border-radius: 5px;
    color: #ccc;
    cursor:pointer
}

.album-page-business .gal-add-album {
    display: table-cell;
    text-align: center;
    vertical-align:middle
}

.album-page-business .gal-add-icon-album {
    background-image: url(/assets/images/icon-add-gallery.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px 48px;
    height: 48px;
    margin-bottom: 12px;
    width:100%
}

.album-page-business .default-album {
    width: 150px;
    height: 150px;
    margin-bottom:15px
}

.album-page-business .image-bus {
    position: relative;
    border: 1px solid #eaeef3;
    width: 150px;
    height: 150px;
    margin:5px
}

.album-page-business .image-bus img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.album-page-business .image-bus-del {
    color: red;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    right:3px
}

.album-page-business .list-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.booking-step .col-md-4-start, .report .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction:normal
}

.album-page-business .loading-image {
    background-color: #00f;
    height: 5px;
    top: 50;
    position: absolute;
    bottom:50%
}

@media (min-width: 737px) and(max-width: 980px) {
    .album-page-business .image-bus, .album-page-business .item-album {
        width:140px
    }

    .album-page-business .album-bus {
        height:190px
    }
}

.view-image-popup #myImg {
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition:.3s
}

.view-image-popup #myImg:hover {
    opacity:.7
}

.view-image-popup .modal {
    display: block;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color:rgba(0, 0, 0, .9)
}

.view-image-popup .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    height: 550px;
    -o-object-fit: cover;
    object-fit:cover
}

.view-image-popup #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height:150px
}

.view-image-popup #caption, .view-image-popup .modal-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration:.6s
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform:scale(0)
    }

    to {
        -webkit-transform:scale(1)
    }
}

@keyframes zoom {
    from {
        -webkit-transform: scale(0);
        transform:scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform:scale(1)
    }
}

.view-image-popup .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition:.3s
}

.view-image-popup .close:focus, .view-image-popup .close:hover {
    color: #bbb;
    text-decoration: none;
    cursor:pointer
}

.dailysale .validate-fromdate, .dailysale .validate-todate {
    color: #f86c6b;
    bottom: 5px;
    position: absolute;
    font-style:italic
}

@media only screen and (max-width: 700px) {
    .view-image-popup .modal-content {
        width:100%
    }
}

@media (min-width: 737px) and(max-width: 980px) {
    .view-image-popup .modal-content {
        height:700px
    }
}

.dailysale .content-print {
    height: 600px;
    border: 1px solid #cbcaca;
    width: 350px;
    margin:0 auto
}

.dailysale .center {
    text-align:center
}

.dailysale .bold {
    font-weight:700
}

.dailysale .bus-name {
    padding-top: 10px;
    text-align: center;
    font-weight:700
}

.dailysale .title-rp {
    padding-top: 30px;
    font-weight: 700;
    text-align:center
}

.dailysale .time-rp {
    font-size: 12px;
    font-weight: 700;
    padding: 0 15px;
    text-align:center
}

.dailysale .font-14 {
    font-size:14px
}

.dailysale .hr-rp {
    border: 1px solid;
    margin:15px
}

.dailysale .row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 15px;
    font-size:15px
}

.report .box, .report .group-box {
    display: -webkit-box;
    display:-ms-flexbox
}

.dailysale .hr-rp1 {
    border: 1px solid;
    margin:0 15px
}

.dailysale .validate-fromdate {
    font-size:11px
}

.dailysale .validate-todate {
    font-size: 11px;
    left:160px
}

@media (min-width: 737px) and(max-width: 980px) {
    .dailysale .validate-todate {
        left:170px
    }
}

.report .group-box {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.report .box {
    width: 23%;
    height: 125px;
    padding: 5px;
    display: flex;
    -ms-flex-direction: column;
    flex-direction:column
}

.report .icon-box, .report .text-box {
    padding:15px
}

.report .purple {
    color: #fff;
    background-color:#a979d1
}

.report .green {
    color: #fff;
    background-color:#53d192
}

.report .blue, .report .org, .report .sliver, .report .white {
    background-color:#fff
}

.report .green .icon-box, .report .purple .icon-box {
    border-right:1px solid #fff
}

.report .org .icon-box {
    border-right:1px solid #f7941e
}

.report .blue .icon-box {
    border-right:1px solid #36a2eb
}

.report .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height:77px
}

.report .lbl-box {
    text-align: center;
    font-size: 11px;
    font-style: italic;
    margin-top: 10px;
    opacity:.7
}

.report .white {
    color:#fff
}

.report .org {
    color:#f7941e
}

.report .blue {
    color:#36a2eb
}

.report .state-overview {
    padding:20px 25px
}

.report .group-box label {
    line-height:1
}

.report .sliver {
    color:silver
}

.report .sliver .icon-box {
    border-right:1px solid silver
}

.report .search-member {
    width: 30%;
    border-left: 1px solid silver;
    min-height:450px
}

.report .chart-member {
    width:70%
}

.report .search-member-item {
    width: 100%;
    padding:10px 25px
}

.report input.chkPromotion {
    z-index: 1;
    width: 20px;
    height:20px
}

.report .choice-pro-active {
    line-height: 26px;
    margin-left:15px
}

.report .choice-pro-active .choice {
    opacity: 0;
    position:absolute
}

.report .choice-pro-active > label.pro {
    margin-bottom: 0;
    padding-left: 25px;
    position:relative
}

.report .choice-pro-active > label.pro::before {
    position: absolute;
    content: "";
    background: #fff;
    border: 1px solid #727272;
    border-radius: 3px;
    height: 20px;
    width: 20px;
    top: 3px;
    left:0
}

.report .choice-pro-active input[type=checkbox]:checked + label.pro::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #727272;
    line-height: 20px;
    font-size: 10px;
    padding-left:4px
}

.report .choice-pro-active label.pro::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #727272;
    border-radius: 3px;
    position: absolute;
    top: 3px;
    left:0
}

.report a.applyAll:hover {
    color:#8dc240 !important
}

.report i.delOffer {
    font-size: 15px;
    margin-top: 5px;
    color:red
}

.report .validate-fromdate, .report .validate-todate {
    font-size: 11px;
    color: #f86c6b;
    font-style:italic
}

.report-redeemreward .search-date {
    width: 240px;
    margin-right: 10px;
    border-right: 1px solid #cbcaca;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.report-redeemreward .search-redeem {
    width: 230px;
    margin-right: 10px;
    border-right:1px solid #cbcaca
}

.report-redeemreward .search-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    margin-right:30px
}

.report-redeemreward .search-point .from-point {
    width: 75px;
    border: 1px solid #d2d6de;
    outline: 0;
    margin-right: 5px;
    text-align:center
}

.report-redeemreward .search-point .to-point {
    width: 75px;
    border: 1px solid #d2d6de;
    outline: 0;
    margin-right: 0;
    text-align:center
}

.report-redeemreward .tbl-redeem-reward thead th {
    font-size: 14px;
    font-weight: 600;
    border-bottom:none
}

.report-redeemreward .tbl-redeem-reward thead th.col-date, .report-redeemreward .tbl-redeem-reward thead th.col-discount, .report-redeemreward .tbl-redeem-reward thead th.col-point, .report-redeemreward .tbl-redeem-reward tr td.col-center {
    text-align:center
}

.report-redeemreward .tbl-redeem-reward tr td {
    font-size: 14px;
    vertical-align:middle
}

.report-redeemreward .text-info-redeem {
    padding-right: 15px;
    font-size: 13px;
    color: red;
    font-weight:700
}

.report-redeemreward .head-redeem-history {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

@media (min-width: 737px) and(max-width: 980px) {
    .report-redeemreward .search-redeem {
        margin-top: 10px;
        margin-bottom:10px
    }
}

.booking_step .design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom:12px
}

.booking_step .design-process-content {
    border: 1px solid #e9e9e9;
    position: relative;
    padding:16px 34% 30px 30px
}

.booking_step .design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height:100%
}

.booking_step .design-process-content h3 {
    margin-bottom:16px
}

.booking_step .design-process-content p {
    line-height: 26px;
    margin-bottom:12px
}

.booking_step .process-model {
    list-style: none;
    padding: 0;
    position: relative;
    border: none;
    z-index: 0;
    margin: 20px 0;
    width:100%
}

.booking_step .process-model li:not(:nth-last-child(2))::after {
    background: #e5e5e5;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    top: 25px;
    z-index: -1;
    left: 50%;
    width:100%
}

.booking_step .process-model li.visited::after {
    background:#57b87b
}

.booking_step .process-model li:last-child::after {
    width:0
}

.booking_step .process-model li {
    display: inline-block;
    width: 20%;
    text-align: center;
    float: none;
    position:relative
}

.booking_step .nav-tabs.process-model > li.active > a, .booking_step .nav-tabs.process-model > li.active > a:focus, .booking_step .nav-tabs.process-model > li.active > a:hover, .booking_step .process-model li a:focus, .booking_step .process-model li a:hover {
    border: none;
    background:0 0
}

.booking_step .process-model li a {
    padding: 0;
    border: none;
    color: #606060;
    text-decoration:none
}

.booking_step .process-model li.active, .booking_step .process-model li.active a, .booking_step .process-model li.active a:focus, .booking_step .process-model li.active a:hover, .booking_step .process-model li.visited, .booking_step .process-model li.visited a, .booking_step .process-model li.visited a:focus, .booking_step .process-model li.visited a:hover {
    color:#57b87b
}

.booking_step .process-model li.active p, .booking_step .process-model li.visited p {
    font-weight:600
}

.booking_step .process-model li i {
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 46px;
    font-size: 20px;
    border-radius:50%
}

.booking_step .process-model li.active i, .booking_step .process-model li.visited i {
    background: #fff;
    border-color:#57b87b
}

.booking_step .process-model li p {
    font-size: 14px;
    margin-top:11px
}

.booking_step .process-model.contact-us-tab li.visited a, .booking_step .process-model.contact-us-tab li.visited p {
    color: #606060 !important;
    font-weight:400
}

.booking_step .process-model.contact-us-tab li::after {
    display:none
}

.booking_step .process-model.contact-us-tab li.visited i {
    border-color:#e5e5e5
}

.booking_step .col-service-preview {
    border-right:1px solid #bababa
}

@media screen and (max-width: 560px) {
    .booking_step .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width:50px
    }

    .booking_step .more-icon-preocess.process-model li::after {
        top:24px
    }
}

@media screen and (max-width: 380px) {
    .booking_step .process-model.more-icon-preocess li {
        width:16%
    }

    .booking_step .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width:35px
    }

    .booking_step .more-icon-preocess.process-model li p {
        font-size:8px
    }

    .booking_step .more-icon-preocess.process-model li::after {
        top:18px
    }

    .booking_step .process-model.more-icon-preocess {
        text-align:center
    }
}

.booking-step .img-slider-small {
    height: 75px;
    width: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.booking-step .img-slider-full {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.booking-step label.col-price {
    padding: 0;
    margin:0
}

.booking-step h1 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    padding-top:5px
}

.booking-step .row.service {
    padding-top:20px
}

.booking-step .col-md-4-start {
    padding-top: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
    min-height:165px
}

.booking-step .circle-bk {
    margin-bottom: 10px !important;
    position:relative
}

.booking-step .div-button {
    padding-top: 60px;
    float: right;
    padding-right:20px
}

.booking-step .div-button button {
    outline:0
}

.booking-step .more-servicegroup {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 110px;
    text-align:center
}

.booking-step .services-icon-large {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 20px;
    border:1px solid #4267b2
}

.booking-step .services-table {
    padding:0 10px
}

.booking-step .see-more-service {
    text-align: right;
    font-size: 20px;
    color: #8cc13f;
    padding-right:30px
}

.booking-step .ordersubmit {
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 25px;
    padding-bottom:25px
}

.booking-step .btn-booking {
    outline: 0;
    margin-left: 5px;
    margin-right: 5px;
    width:120px
}

.booking-step .avartar, .booking-step .avartar-history {
    width: 35px;
    padding: 1px;
    position: absolute;
    background-color: #fff;
    height:35px
}

.booking-step .avartar-history {
    border-radius: 50%;
    border: 1px solid #87bd3e;
    -webkit-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
    bottom: 6px;
    right:-10px
}

.booking-step .avartar {
    border-radius: 50%;
    border: 1px solid #87bd3e;
    -webkit-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
    bottom: 0;
    right:-15px
}

.booking-step .e-c-base {
    fill:#fff
}

.booking-step .e-c-base-pick {
    fill:#eaeef3
}

.booking-step .e-progress {
    fill: none;
    stroke: #4067b1;
    stroke-width:5px
}

.booking-step .e-c-progress {
    fill: none;
    stroke: #4067b1;
    stroke-width:2px
}

.booking-step .e-c-pointer {
    fill: #FFF;
    stroke: #4067b1;
    stroke-width:2px
}

.booking-step .circle-history {
    position: relative;
    margin-bottom: 14px;
    text-align: center;
    vertical-align: middle;
    display:inline-block
}

.booking-step .services-icon-history {
    height: 35px;
    position: absolute;
    top: 20px;
    left:23px
}

.booking-step .booking-wrong-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #eceeef;
    padding-top:15px
}

.booking-step .pick-service {
    background-color:#eaeef3
}

.booking-signup .name-txt, .booking-signup .phone-number-txt {
    position: relative;
    vertical-align: middle;
    background: #8bc03f;
    height: 48px;
    border-radius:25px
}

.booking-signup .phone-number-txt {
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width:380px
}

.booking-signup .name-txt {
    margin-bottom: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width:375px
}

.booking-signup .phone-input-lbel {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding-top: 12px;
    padding-left:20px
}

.booking-signup .name-lbel {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding-top: 13px;
    padding-left:35px
}

.booking-signup .name-input, .booking-signup .phone-input {
    height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    position:absolute
}

.booking-signup .phone-input {
    border-radius: 25px;
    right: 1px;
    border: none;
    top: 1px;
    width:180px
}

.booking-signup .phone-number-lbel {
    position: absolute;
    right: 10px;
    top: 12px;
    padding-right: 15px;
    color: #fff;
    font-size:16px
}

.booking-signup .name-input {
    border-radius: 25px;
    right: 1px;
    border: none;
    top: 1px;
    width:220px
}

.booking-signup .dob-input {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    margin-left:80px
}

.booking-signup .dob-input input {
    border: none;
    border-bottom: 1px solid #fff;
    text-align: center;
    width: 35%;
    background: 0 0;
    height: 50%;
    display: block;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.booking-signup .dob-input input::-webkit-input-placeholder {
    color:#fff
}

.booking-signup .dob-input input:-moz-placeholder {
    color:#fff
}

.booking-signup .dob-input input::-moz-placeholder {
    color:#fff
}

.booking-signup .dob-input input:-ms-input-placeholder {
    color:#fff
}

.booking-signup .cus-ico-sign {
    text-align: center;
    padding-bottom: 25px;
    padding-top:15px
}

.booking-signup .scan-container {
    margin: 0 auto;
    padding-top: 22%;
    padding-right:30px
}

.booking-signup .signup-container {
    margin: 0 auto 50px;
    padding-top: 15%;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.booking-signup .container {
    width: 100%;
    padding: 0;
    margin:0
}

.booking-signup .cbo-dob-checkin {
    width: 90px;
    border-bottom:1px solid #fff
}

.booking-signup .cbo-dob-checkin select {
    width: 100%;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: 0 0;
    color: #fff;
    padding: 0 30px;
    outline:0
}

.booking-signup .cbo-dob-checkin select option {
    color:#000
}

.booking-signup .submit-center {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content:center
}

.booking-signup .submit-center .submit-btn-enable {
    margin-left:0
}

.booking-signup .submit-center .submit-btn-disable {
    margin-left: 0;
    margin-right:20px
}

.booking-signup .signup-container input {
    outline: 0
}