.lang-box,
.lang-box figure,
.no-scroll {
    overflow: hidden
}

.lang-box .lang-name label,
.lang-box .lang-name span {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    height: 100%
}

body#login-bg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: linear-gradient(160deg, rgba(9, 9, 47, 1) 10%, rgba(32, 32, 87, 1) 100%);
color: #09092f;
}

body {
    background: #fff;
    font-size: .9rem;
    overflow-y: scroll
}

.col-form-label {
    font-size: 1.08rem;
    line-height: 1.5rem;
    font-weight: 400
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    color: #1e224d;
    font-weight: 900
}

h3,
h5 {
    font-weight: 400
}

h5 span {
    font-size: 1rem
}

h3 {
    font-size: 1.5rem
}

.white {
    color: #fff
}

.ui-menu {
    background-color: #fff !important;
    border-style: solid !important;
    border: 1px graytext
}

.btn-default {
    background-image: none
}

.btn-success {
    background: #0C6;
    border-color: #0C6
}

.btn-outline-success {
    border-color: #0C6;
    color: #0C6
}

.btn-outline-success:hover,
.btn-success:hover {
    background: #15dd79;
    border-color: #15dd79;
    color: #fff
}

.bg-danger,
.bg-success,
.bg-warning {
    color: #fff !important
}

.btn-danger {
    background: #FF2A5E;
    border-color: #FF2A5E
}

.bg-success {
    background-color: #0C6 !important
}

.bg-warning {
    background-color: #FFAE39 !important
}

.bg-danger {
    background-color: #FF2A5E !important
}
div#offer-orders-list{display:none;padding:10px;padding:10px 2px 2px}
div#offer-orders-list h3{padding:0 8px;font-size:16px;margin-bottom:10px;font-weight:bold;color:#856404}
div#offer-orders-list a{padding:10px 15px;background:#fff;width:100%;display:flex;align-items:center;font-weight:normal;color:#2196f3}
div#offer-orders-list a:last-child{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
div#offer-orders-list a i{margin-right:10px}

.progress-bar {
    font-weight: 700
}
.btn.disabled, .btn:disabled{opacity:.4}
.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border-color: #FF2A5E !important
}

#logo {
    width: 110px
}

.logo-wrapper {
    width: 250px;
    background: #09092f;
    position: fixed;
    left: 0;
    top: 0;
    height: 65px;
    padding-left: 20px;
    line-height: 65px;
    z-index: 999;
    box-shadow: -20px 8px 20px #09092f;
}

.header-content {
    width: 100%;
    padding: 0 calc(5vw + 15px)
}

#box_user_login {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 20px;
    padding: 60px 40px;
    margin-top: 20px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

#box_user_login #logo {
    width: 150px;
    margin-bottom: 1.9rem
}
#box_user_login .logo0 {
    fill: #09092F;
}
#logo .st0,
#logo .st1 {
    fill: #ffcf38
}

#logo .st2 {
    fill: #FF2A5E
}

#logo .st3 {
    fill: #9244CE
}

#logo .st4 {
    fill: #021EA9
}

#box_user_login label {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    margin: .5rem 0 .2rem
}

#lateral_menu {
    background-color: #e7eff7
}

.nav li {
    border-bottom: 1px solid #fff
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-size: 12px
}

.box_new {
    background-color: #f5f5f5;
    padding: 20px
}

select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%
}

.error {
    color: #ce4844;
    text-align: left;
    background-color: #f2dede;
    padding: 10px;
    margin-bottom: 10px
}

.fa-pencil-square-o {
    font-size: 24px !important;
    line-height: none !important
}

.fa-edit {
    font-size: 16px !important;
    line-height: none !important
}

#close-icon-menu,
#open-icon-menu {
    background-color: #fff;
    font-size: 24px;
    position: absolute;
    padding: 10px
}

.pagination>li>a,
.pagination>li>span {
    width: 40px;
    cursor: pointer
}

#open-icon-menu {
    left: 0;
    border-right: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
    border-radius: 0 0 10px
}

#close-icon-menu {
    right: 0;
    border-radius: 0 0 0 10px
}

.box-edit-atom .form-horizontal {
    padding: 20px;
    border-radius: 0 4px 4px;
    position: relative;
    border: 1px dashed #ddd
}

.box-edit-atom h3.h3-box-edit-atom {
    margin-bottom: 0;
    margin-top: 30px;
    background: #50a8ff;
    color: #fff;
    width: auto;
    border-bottom: 2px solid #fff;
    font-size: 17px;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px 4px 0 0
}

.box-edit-atom h3.h3-box-edit-atom i {
    margin-right: 5px
}

.box-edit-atom:first-child h3 {
    margin-bottom: 0;
    margin-top: 10px
}

.box-edit-atom .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 5px
}

.box-edit-atom .form-horizontal .form-group:last-child {
    margin-bottom: 0 !important
}

#ytVideos {
    display: block;
    margin-bottom: 20px
}

.input-xsmall {
    width: 80px !important
}

.input-small {
    width: 145px !important
}

.input-medium {
    width: 240px !important
}

.input-large {
    width: 320px !important
}

.input-xlarge {
    width: 420px !important
}

input[type=text].form-control {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #212533
}

.dateAttraction {
    width: 50%;
    float: left
}

.btn {
    font-weight: 700
}

.btn-lg {
    font-size: 1rem;
    padding: .55rem 1.2rem
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.btn-outline-primary {
    background-color: #fff;
    border-color: #2196f3;
    color: #2196f3
}

.btn-outline-primary:hover,
.btn-primary:hover {
    background-color: #2196f3;
    border-color: #2196f3
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #e2e4ed
}

.table-striped tbody tr {
    background-color: #fff
}

.box_charts {
    background-color: #0C6;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    margin-bottom: 30px;
    position: relative
}

.order-table th {
    padding-bottom: 10px
}

.order-table td {
    padding-bottom: 5px
}

.btn-default {
    background-color: #fff;
    border-color: #ced4da
}

.btn-default:hover {
    background: #e9ecef
}

.input-group-addon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem 0 0 .25rem !important
}

.alert,
.lang-box {
    font-size: .9rem;
    font-weight: 700
}

.page-item.active .page-link,
.table .thead-dark th {
    background-color: #021ea9;
    border-color: #021ea9
}

#logOut,
#sidebar ul li a,
.alert,
.box-content,
.table-responsive-xl,
ul.CTAs a {
    border-radius: 5px
}

.table .thead-dark th {
    color: #fff
}

.alert {
    padding-top: .6rem;
    padding-bottom: .6rem
}

.alert.alert-danger {
    background: #FF2A5E;
    border-color: #FF2A5E;
    color: #fff
}

.alert .close {
    text-shadow: none;
    line-height: .8rem
}

.alert .close:hover {
    color: #fff;
    opacity: 1 !important
}

.login-element1 {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 30%;
    width: 650px
}

.login-element2 {
    position: absolute;
    z-index: -1;
    bottom: 40%;
    right: 10%;
    width: 220px
}

.login-element3 {
    position: absolute;
    z-index: -1;
    bottom: 10%;
    left: 10%;
    width: 180px
}
#sidebar .user{padding:15px 20px;font-size:13px}
#sidebar,
#sidebarCollapse {
    color: #fff;
    position: fixed
}

p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: rgb(105, 105, 105)
}

a,
a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch
}

#sidebar {
    -webkit-box-shadow: -4px 0 25px 0 rgba(50, 50, 50, .2);
    -moz-box-shadow: -4px 0 25px 0 rgba(50, 50, 50, .2);
    box-shadow: -4px 0 25px 0 rgba(50, 50, 50, .2);
    width: 250px;
    background: linear-gradient(180deg,rgba(9,9,47,1) 00%,rgba(32,32,87,1) 100%);
    transition: all .3s;
    height: calc(100% - 50px);
    overflow: auto;
    z-index: 10 !important;
    bottom: 0
}

#sidebar hr {
    border-color: rgba(255, 255, 255, .2) !important
}

#sidebar .sidebar-header {
    padding: 20px
}

#sidebar .components {
    padding: 20px 0;
    overflow: auto;
    height: calc(100% - 75px)
}

#sidebar ul p {
    color: #fff;
    padding: 10px
}

#sidebar ul li {
    width: 100%;
    padding: 0 18px
}

#sidebar ul li a {
    padding: 7px 10px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    display: block
}

#sidebar ul li a i {
    width: 12px;
    font-size: 16px;
    margin-right: 15px;
    color: #f6effb
}

#sidebar ul li a:hover {
    color: #f6effb;
    background: linear-gradient(135deg,#6b00d6 0%,#282895 100%);
}

#sidebar ul li a:hover i {
    color: #fff
}

#sidebar ul li.active>a,
a[aria-expanded=true] {
    color: #fff;
    background: #6d7fcc
}

#sidebarCollapse {
    line-height: 20px;
    display: none;
    background-color: #09092f;
    height: 42px;
    width: 55px;
    border-radius: 0 5px 5px 0;
    padding: .5rem 1rem;
    top: 5px;
    left: 0;
    font-size: 24px;
    z-index: 4
}

ul ul a,
ul.CTAs a {
    font-size: .9em !important
}

a[data-toggle=collapse] {
    position: relative
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

ul ul a {
    padding-left: 30px !important;
    background: #6d7fcc
}

ul.CTAs {
    padding: 20px
}

ul.CTAs a {
    text-align: center;
    display: block;
    margin-bottom: 5px
}

a.download {
    background: #fff;
    color: #7386D5
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important
}

#logOut {
    right: 20px;
    width: calc(100% - 40px);
    bottom: 20px;
    position: absolute;
    padding: 8px 10px;
    background: rgba(40, 40, 149, 1);
    color: #fff
}

#logOut:hover {
    background: #fff;
    color: #2196f3
}

#content {
    width: 100%;
    padding: 0px 10px 20px 5vw;
    min-height: 100vh;
    padding-left: calc(250px + 20px)
}


#content-full {
    width: 100%;
    padding: 0px 10px 20px 10px;
    min-height: 100vh;
}

.header {
    background: #fff;
    width: 100%;
    padding: 15px 0;
    position: fixed;
    top: 0;
    z-index: 12;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: row
}

.header .user i {
    position: absolute;
    left: 0;
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .5)
}

.header .user {
    text-align: left;
    position: relative;
    padding-left: 2rem;
    line-height: 1.1rem;
    display: inline-block;
    padding-top: 8px;
}

.lang-box {
    padding: 30px;
    background: #fff;
    color: #212533;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    width: 100%;
    position: relative
}

.header .user span {
    display: block;
    font-weight: 700
}

.lang-box {
    height: 100%;
    border-radius: 20px;
    -moz-transition: all .2s;
    transition: all .2s;
    text-align: center;
    border: 2px solid #fff
}

.lang-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

.lang-box-edit {
    cursor: pointer
}

.lang-box-edit.mandatory {
    border: 2px dashed #0C6;
    cursor: not-allowed
}

.lang-box-edit:not(.mandatory).active {
    border-color: #0C6
}

.lang-box figure {
    display: inline-block;
    margin-bottom: 1rem;
    width: 70px;
    height: 70px;
    border-radius: 80px;
    border: 2px solid #ebeeff
}

.lang-box.attraction-lang-box figure {
    width: 40px;
    height: 40px;
    margin-bottom: .2rem
}

.lang-box.attraction-lang-box {
    padding: 20px 0;
    border: 2px solid #ced4da;
    box-shadow: none
}

.lang-box.attraction-lang-box .lang-name {
    font-size: 1rem
}

.lang-box img {
    width: 100%;
    height: auto
}

.lang-box .lang-name {
    font-size: 1.5rem;
    font-weight: 400
}

.lang-box .lang-name span {
    margin-top: .8rem;
    line-height: 1rem;
    display: block;
    padding: 5px 0;
    text-align: center;
    border-radius: 20px;
    background: #f4f5fb;
    color: rgba(0, 0, 0, .5)
}

.lang-box .lang-name label {
    text-align: left;
    line-height: 2rem;
    display: inline-block
}

.lang-box .lang-name span.lang-active,
.lang-box .lang-name span.mandatory-lang {
    background: #0C6;
    color: #fff
}

.title {
    margin-top: 1rem;
    margin-bottom: 1.5rem
}

.title h2 {
    font-size: 1.8rem;
    margin-bottom: 0
}

.title h5 {
    color: rgba(0, 0, 0, .5);
    font-size: 1.1rem
}

.title h2 i {
    color: #021ea9;
    font-size: 1.7rem
}

.width-auto {
    width: auto;
    display: inline-block
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0C6 !important;
    background-color: #0C6 !important
}

.table-responsive-xl {
    position: relative;
    overflow-x: auto;
    border: 1px solid #ced4da
}

.table-responsive-xl table.table {
    margin-bottom: 0;
    border-radius: 5px
}

.table-responsive-xl table.table.table-striped tbody tr:nth-of-type(2n+1) {
    background: #f4f5fb
}

.table-responsive-xl table.table thead th {
    position: sticky;
    top: 0;
    border: 0
}

.table-responsive-xl table.table thead tr th {
    border-top: 0
}

.table-responsive-xl table.table tr th {
    font-size: 1rem;
    background: #fff;
    color: #929aa2;
    padding: 1.8rem 1rem;
    font-weight: 400
}

.table-responsive-xl table.table tr td {
    font-size:.95rem;
    padding: 1rem;
    border: 0
}

.table-responsive-xl table.table tr td .btn {
    padding: .2rem .8rem
}

.table-responsive-xl table.table tr td .btn.pdf,
.table-responsive-xl table.table tr td form .btn.btn-danger {
    padding: .2rem .5rem;
    background: #fff;
    font-size: .9rem;
    color: #1e224d;
    border-color: #ced4da
}

.table-responsive-xl table.table .attraction-name {
    display: block
}

.table-responsive-xl table.table .selected-date {
    padding: 2px 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #0C6;
    color: #008f47;
    font-size: .8rem;
    position: relative;
}

.table-responsive-xl table.table .selected-date:after,
.table-responsive-xl table.table .selected-date:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.table-responsive-xl table.table .selected-date:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 4px;
    margin-left: -4px
}

.table-responsive-xl table.table .selected-date:before {
    border-color: rgba(0, 204, 102, 0);
    border-bottom-color: #0C6;
    border-width: 5px;
    margin-left: -5px
}

table.table .btn-primary {
    background-color: #fff;
    border-color: #ced4da;
    color: #1e224d
}

.table-responsive-xl table.table tr td .btn.pdf:hover,
table.table .btn-primary:hover {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.table-responsive-xl table.table tr td form .btn.btn-danger:hover {
    background: #FF2A5E;
    color: #fff;
    border-color: #FF2A5E
}

.input-search {
    border-radius: 50px !important;
    padding: .6rem 1.5rem;
    height: auto
}

.input-confirmed {
    font-size: 1.1rem;
    font-weight: 400
}

.input-confirmed .box-theme {
    padding: .5rem 1rem;
    border-radius: 5px;
    display: inline-block;
    margin-right: .3rem;
    background: #f4f5fb;
}

.input-confirmed .lang-input {
    float: left;
    margin-right: .5rem;
    margin-top: 4px;
    border: 1px solid #ebeeff
}

.input-confirmed .lang-input img {
    vertical-align: top
}

.input-confirmed+.input-confirmed {
    margin-bottom: .3rem
}

.border-bottom {
    padding-bottom: 1rem
}

select {
    box-shadow: none
}

.lang-prepend {
    position: relative;
    margin-bottom: .5rem
}

.lang-prepend-input {
    position: absolute;
    left: 10px;
    top: 9px
}

.lang-input {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    overflow: hidden
}

.input-confirmed .lang-input {
    width: 25px;
    height: 25px;
    border-radius: 25px;
}

.lang-prepend-input img {
    width: 100%;
    vertical-align: top
}

.lang-prepend-input+.form-control {
    padding-left: 40px
}

.lang-prepend-text-editor {
    top: 10px;
    left: 10px;
    position: absolute
}

.lang-prepend .cke .cke_top {
    padding-top: 40px !important
}

.cke .cke_bottom,
.cke .cke_top {
    background: #F8F9FC;
    border-color: #ced4da !important
}

.cke_chrome {
    border-radius: 5px;
    border: 1px solid #ced4da !important
}

.input-group-prepend .input-group-text {
    background: #F8F9FC
}

.input-group-prepend .input-group-text.w100 {
    min-width: 100px
}

.edit-media {
    background: #ebeeff;
    padding: 40px;
    border-radius: 20px
}

.form-group {
    margin-bottom: 1.5rem
}

.fas.fa-circle.enable,
.table-responsive-xl table.table .fas.fa-circle {
    color: #0C6;
    font-size: 1.3rem;
}

.input-confirmed .fas.fa-circle.not-paid,
.table-responsive-xl table.table .fas.fa-circle.not-paid {
    color: #FF2A5E
}

.input-confirmed .fas.fa-circle.paid {
    color: #0C6
}


.fas.fa-circle.disable,
.table-responsive-xl table.table .disabled .fas.fa-circle {
    color: #1e224d !important;
    font-size: 1.3rem
}

.fas.fa-circle.disable,
.table-responsive-xl table.table .disabled td:not(.row-buttons) {
    opacity: .3
}

.fas.fa-circle.customer, 
.table-responsive-xl table.table .fas.fa-circle.customer {
    color:#32cd32
}

.fas.fa-circle._lead, 
.table-responsive-xl table.table .fas.fa-circle._lead {
    color:#85e085
}

.page-link {
    height: 36px
}

label.page-link {
    margin-bottom: 0
}

.page-link i {
    line-height: 1.12rem;
    font-size: 1.3rem;
    width: auto
}

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + .75rem);
    border-radius: 2rem
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2))
}

.custom-switch.custom-switch-sm .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(1rem - .25rem))
}

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 1rem;
    line-height: 2rem
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + .75rem);
    border-radius: 3rem
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2))
}

.custom-switch.custom-switch-md .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(1.5rem - .25rem))
}

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + .75rem);
    border-radius: 4rem
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2))
}

.custom-switch.custom-switch-lg .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(2rem - .25rem))
}

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + .75rem);
    border-radius: 5rem
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2))
}

.custom-switch.custom-switch-xl .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(2.5rem - .25rem))
}

.custom-control-label-md {
    font-size: 1.08rem;
    line-height: 1.5rem;
    font-weight: 400
}

.bd-highlight {
    padding: .8rem;
    background: #F8F9FC;
    border-radius: 5px
}

.bd-highlight label {
    width: 100%
}

.btn.radius-5 {
    border-radius: 5px;
    padding-left: 1rem;
    padding-right: 1rem
}

.events-dates-range-wrapper .input-group-prepend,
.order-dates-range-wrapper .input-group-prepend {
    margin-left: -1px
}

.events-dates-range-wrapper #events-dates-end,
.order-dates-range-wrapper #order-date-end {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.events-dates-range-wrapper,
.order-dates-range-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.events-dates-range-wrapper #events-dates-range,
.order-dates-range-wrapper #order-dates-range {
    width: calc(100% - 46px)
}

.events-dates-range-wrapper #events-dates-range-clear,
.order-dates-range-wrapper #order-dates-range-clear {
    width: 46px
}

#autocomplete-clear.btn,
#btn-new-customer.btn,
.events-dates-range-wrapper #events-dates-range+#events-dates-range-clear,
.order-dates-range-wrapper #order-dates-range+#order-dates-range-clear {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px
}

#btn-new-customer.btn {
    z-index: 1;
    position: relative
}

#btn-new-customer.btn i {
    line-height: 1.3
}

#autocomplete input[readonly=''] {
    border-radius: 5px 0 0 5px
}

#autocomplete input.is-invalid,
.is-invalid {
    border-color: #FF2A5E !important
}



.attraction-list-header {
    font-size: 1rem;
    background: #fff;
    color: #929aa2;
    padding: 0 1.4rem 1.8rem;
    font-weight: 400
}

.box-content .row:nth-of-type(2) .attraction-list-accordion {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.attraction-list-accordion {
    color: #212529 !important;
    font-size: 1rem;
    font-weight: 400;
    padding: 1rem;
    border: 1px solid #ced4da;
    border-bottom: 0;
    display: inline-block;
    width: 100%
}

.row:last-child .attraction-list-accordion.collapsed,
.row:last-child .attraction-list-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.attraction-list-content {
    padding: 1rem;
    border: 1px solid #ced4da;
    border-bottom: 0;
    display: inline-block;
    width: 100%;
    border-top-style: dashed
}

.row:last-child .attraction-list-accordion.collapsed,
.row:last-child .attraction-list-content {
    border-bottom: 1px solid #ced4da
}

.attraction-list-accordion .fa-chevron-down {
    font-size: 1rem
}

.attraction-list-accordion.collapsed .fa-chevron-down::before {
    content: "\f078"
}

.attraction-list-accordion .fa-chevron-down::before {
    content: "\f00d"
}

.row .attraction-list-accordion {
    background: #fff
}

.row.item:nth-child(odd) .attraction-list-accordion,
.row.item:nth-child(odd) .attraction-list-content {
    background: #f4f5fb
}

#fixed-order-cart {
    z-index: 4;
    position: fixed;
    bottom: 0;
    left: 250px;
    width: calc(100% - 250px);
    background: #fff;
    padding: 65px 0 30px;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, .05)
}

#fixed-order-cart.hide {
    padding: 30px calc(5vw + 15px)
}

#fixed-order-cart .row.expandible {
    cursor: pointer;
    padding: 20px 0 10px
}

#fixed-order-cart .toggle {
    position: relative;
    height: calc(100vh - 280px);
    padding: 0 calc(5vw + 15px) 15px;
    overflow-x: hidden;
    overflow-y: auto
}

#fixed-order-cart h4 {
    font-size: 1.3rem
}

#fixed-order-cart label {
    color: #929aa2;
    font-size: 1rem
}

.tot {
    font-size: 1.5rem;
    font-weight: 400
}

.tot strong {
    color: #0C6;
    font-weight: 800
}

#fixed-order-cart .row .col-12 .item {
    padding: .5rem 0
}

#fixed-order-cart .row:not(:last-child) .col-12 .item {
    border-bottom: 1px dashed #ced4da
}

#fixed-order-cart .item strong {
    display: block
}

#fixed-order-cart.hide #btn-close-cart,
#fixed-order-cart.hide .toggle {
    display: none
}

#fixed-order-cart .item span.item-date {
    padding: 2px 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #0C6;
    color: #008f47
}

#fixed-order-cart.hide .btn-hide .fa-chevron-down::before {
    content: "\f077"
}

#fixed-order-cart.hide .row.expandible {
    padding-bottom: 10px
}

#fixed-order-cart #btn-close-cart {
    position: absolute;
    right: calc(5vw + 15px);
    top: 15px;
    padding: 5px 15px
}

#fixed-order-cart #order-rows {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: #0C6;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    margin-right: .5rem
}

.attraction-list-header {
    position: sticky;
    top: 70px
}

.attraction-list-content .date-picker-wrapper {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ced4da
}

.attraction-list-accordion.in-cart>.row div:first-child i {
    color: #0C6;
    font-size: .7rem;
    float: left;
    margin-top: 7px;
    margin-right: 8px
}

.attraction-list-content .date-picker-wrapper .month-wrapper {
    border: 0
}

.attraction-list-content .date-picker-wrapper .week-name th {
    width: 7%;
    font-size: .85rem;
    font-weight: 400
}

.attraction-list-content .date-picker-wrapper .month-wrapper table .day {
    font-size: .9rem;
    border-radius: 5px
}

.attraction-list-content .date-picker-wrapper .month-wrapper table .day.with_event {
    font-weight: 700;
    background-color: #fff;
    border: 1px solid #0C6;
    color: #0C6 !important
}

.attraction-list-content .date-picker-wrapper .month-wrapper table .day.with_event.hovering {
    background: #ebfff5
}

.attraction-list-content .date-picker-wrapper .month-wrapper table .day.with_event.checked {
    background: #0C6 !important;
    color: #fff !important
}

.attraction-list-content .date-picker-wrapper .month-wrapper table .day.with_event_completed {
    background-color: FF2A5E;
    opacity: 1
}

.attraction-list-content .date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #fff5d6;
    font-weight: 700;
    color: #ffae39
}

.attraction-list-content .date-picker-wrapper {
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px
}

.attraction-list-content .date-picker-wrapper table {
    width: 100% !important;
    box-sizing: border-box
}

.attraction-list-content .date-picker-wrapper .month-wrapper table {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.attraction-list-content .drp_top-bar {
    padding: 5px 0 !important;
    font-size: .85rem;
    width: 100%;
    text-align: center;
    background-color: #f6effb;
    color: #2196f3;
    border-radius: 5px
}

.event-selector-wrapper {
    font-size: .95rem
}

.event-selector-wrapper strong {
    padding: 8px 0;
    font-weight: 600;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #0C6;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%
}

.event-selector-wrapper input[type=radio]+label,
.event-selector-wrapper span,
input.wday+label {
    display: inline-block;
    font-weight: 400;
    text-align: center
}

.event-selector-wrapper strong i {
    font-size: 1rem
}

.event-selector-wrapper span {
    width: 100%;
    margin-bottom: .5rem
}

.event-selector-wrapper input[type=radio]+label {
    cursor: pointer;
    width: 100%;
    background: 0 0;
    border: 1px solid #0C6;
    border-top: 0;
    padding: 8px 10px;
    margin: 0;
    justify-content: space-between;
    display: flex;
}

.event-selector-wrapper input[type=radio]+label span {
    width: auto;
    display: flex;
}

.event-selector-wrapper span.max-qt {
    font-size: .85rem;
    align-self: center;
}

.event-selector-wrapper input[type=radio]+label:hover {
    background: #ebfff5
}

.event-selector-wrapper input[type=radio]+label:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.event-selector-wrapper input[type=radio]:checked,
.event-selector-wrapper input[type=radio]:not(:checked) {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.event-selector-wrapper input[type=radio]:checked+label {
    background: #0C6;
    color: #fff;
    font-weight: 600
}

.event-selector-wrapper strong+input[type=radio]:checked+label {
    border-top: 1px dashed #fff !important
}

input.wday+label {
    cursor: pointer;
    width: 100%;
    background: 0 0;
    border: 1px solid #ced4da;
    padding: 8px 0;
    margin: 0 0 .5rem;
    border-radius: 5px
}

input.wday+label:hover {
    background: #e9ecef
}

input.wday:checked,
input.wday:not(:checked) {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

input.wday:checked+label {
    background: #0C6;
    border-color: #0C6;
    color: #fff;
    font-weight: 700
}

#content.padding-fixed-cart {
    padding-bottom: 150px !important
}

.map {
    width: 100%;
    height: 300px;
    border-radius: 5px;
    z-index: 1;
    background: #F8F9FC
}

.nav-tabs {
    border-bottom: 0;
    margin-bottom: -1px
}

.nav-tabs a.nav-link {
    border-bottom: 1px solid #dee2e6;
    margin-right: .5rem
}

.tab-content {
    padding: 2rem 1.23rem;
    border: 1px solid #dee2e6;
    border-radius: 0 5px 5px
}

.nav-tabs a.nav-link.active {
    font-weight: 700
}

.tab-content.date-tab {
    border-radius: 5px 5px 0 0;
    border-bottom: 0
}

.date-list {
    padding: 1.23rem;
    border: 1px solid #dee2e6;
    border-radius: 0 0 5px 5px;
    border-top-style: dashed;
    margin-top: -25px
}

.date-list.is-invalid {
    border-color: #FF2A5E
}

.date-list .date-item {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.date-list .col-12:not(:last-child) .date-item {
    border-bottom: 1px solid #dee2e6
}

.remaining-places {
    width: auto
}

.remaining-places span {
    padding: .5rem 1.2rem;
    background: #0C6;
    color: #fff;
    border-radius: 5px;
    font-weight: 700
}

.remaining-places.sold-out {
    padding: .5rem 1.2rem;
    background: #FF2A5E;
    color: #fff;
    border-radius: 5px;
    font-weight: 700
}

.remaining-places.sold-half span {
    background: #FFAE39
}

.event-date-box {
    padding: .4rem 1.2rem;
    background: #f6effb;
    color: #3F51B5;
    border-radius: 5px
}

.event-date-box i {
    float: left;
    margin-right: .5rem;
    font-size: 1.2rem;
    color: #3F51B5
}

.event-date-box strong {
    color: #2196f3
}

.input-confirmed .item-date,
.input-confirmed .ticket-type {
    color: #929aa2
}

.cursor-pointer {
    cursor: pointer
}

.tooltip-column {
    width: 100px;
    padding: 0 5px;
    text-align: right
}
.search-toggle-wrapper {
    background: #f4f5fb;
    width: 100%;
    border: 1px solid #ced4da;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 5px
}
@media (max-width:1199px) {
    .search-toggle {
        display: none;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100% !important;
        z-index: 0
    }
    .btn-search-toggle {
        display: flex !important
    }
    .search-toggle-wrapper {
        background: #f4f5fb;
        width: 100%;
        border: 1px solid #ced4da;
        padding: 10px;
        margin: 0 0 10px;
        border-radius: 5px 5px 5px 0
    }
}


.search-toggle.d-none .search-toggle-wrapper {
    border-radius: 5px 5px 5px 0
}
.search-toggle.active {
    display: flex!important
}

.btn-search-toggle .btn.active {
    background: #f4f5fb;
    border-top: 0;
    width: 50px;
    height: 50px;
    margin-top: -11px;
    z-index: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-search-toggle .btn.active i::before {
    content: "\f00d"
}
.btn-search-toggle .btn {
    border: 1px solid #ced4da;
    width: 38px;
    height: 38px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    font-size: 1.1rem;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
@media (max-width:1199px) {
    #content {
        padding: 0 10px 20px 3vw;
        padding-left: calc(230px + 3vw)
    }

    #fixed-order-cart .toggle,
    #fixed-order-cart.hide {
        padding-left: calc(3vw + 15px);
        padding-right: calc(3vw + 15px)
    }

    #fixed-order-cart #btn-close-cart {
        right: calc(3vw + 15px)
    }

    .header-content {
        padding: 0 calc(3vw + 15px)
    }
}

@media (max-width:991px) {
    .title {
        margin-bottom: 2rem
    }
    .table-responsive-xl table.table tr td {
        font-size: 13px;
    }
    #content {
        padding-left: 250px;
        padding-right: 0
    }

    #fixed-order-cart .toggle,
    #fixed-order-cart.hide {
        padding-left: 15px;
        padding-right: 15px
    }

    #fixed-order-cart #btn-close-cart {
        right: 15px
    }

    .header-content {
        padding: 0 15px
    }

    .search-toggle-wrapper [class*=col-] {
        padding: 0 15px 5px
    }

    #content.padding-fixed-cart {
        padding-bottom: 218px !important
    }
}
.min-705{min-width:710px}
@media (max-width:991px) {
.position-sticky{top:50px}
.table-responsive-xl table.table.table-orders tr th,.table-responsive-xl table.table.table-orders tr td{font-size:13px;padding:0 3px 5px!important;}
.table-responsive-xl table.table tr:last-child td {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}
.table-responsive-xl table.table.table-sm thead td{padding:0 3px 5px!important;}
.cell-product{width:100px!important}
/*.table{width:476px!important}*/
    .logo-wrapper {width:100%;padding-left:75px;box-shadow:none;height:50px;line-height:50px;}
    #logo {
        width: 100px;
      }
    #sidebar {
        margin-left: -250px;
        position: fixed;
        z-index: 3
    }

    #content {
        padding: 50px 0 20px
    }

    #fixed-order-cart {
        left: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    #fixed-order-cart .toggle {
        height: calc(100vh - 260px)
    }

    #sidebar.active {
        margin-left: 0
    }

    #sidebarCollapse {
        display: block
    }

    #sidebarCollapse span {
        display: none
    }

    .lang-box {
        padding: 30px 10px
    }

    .lang-box .lang-name {
        font-size: 1.3rem
    }

    .box-content {
        padding: 20px
    }

    .col-form-label {
        font-size: 1rem;
        line-height: 1.3rem;
        font-weight: 400
    }

    .form-group {
        margin-bottom: .8rem
    }

    .title {
        margin-top: 2.5rem
    }

    .title h2 {
        font-size: 1.5rem
    }

    .title h5 {
        font-size: 1.1rem
    }

    .btn-lg {
        padding: .5rem 1.2rem
    }
    .table-responsive-xl table.table.table-orders tr th.p-0.min-705{padding-bottom:0!important}
    .min-705{min-width:auto;}
}

@media (max-width:576px) {

    #fixed-order-cart .d-flex span,
    .logo-wrapper a #logo .st4 {
        display: none
    }

    .logo-wrapper a {
        overflow: hidden;
        width: 40px
    }

    #fixed-order-cart .toggle {
        height: calc(100vh - 155px)
    }

    #fixed-order-cart .d-flex {
        flex-direction: column
    }

    #fixed-order-cart .d-flex .btn#btn-order-edit {
        width: calc(50% - .25rem);
        margin-right: .25rem !important
    }

    #fixed-order-cart .d-flex .btn#save {
        width: calc(50% - .25rem);
        margin-left: .25rem;
        margin-right: 0 !important
    }

    #fixed-order-cart .d-flex .btn.btn-default {
        width: 100%;
        margin-top: .5rem
    }

    #fixed-order-cart.hide {
        padding-top: 15px;
        padding-bottom: 15px
    }

    #content.padding-fixed-cart {
        padding-bottom: 188px !important
    }

    #fixed-order-cart {
        padding-left: 0;
        padding-right: 0
    }

    #fixed-order-cart #btn-close-cart {
        right: 0
    }

    #fixed-order-cart .tot {
        font-size: 1.3rem
    }
}

@media (max-width:320px) {
    .lang-box {
        padding: 8px
    }

    .lang-box figure {
        width: 60px;
        height: 60px
    }

    .lang-box .lang-name {
        font-size: 1rem
    }

    .lang-box .lang-name span {
        font-size: .65rem
    }

    .lang-box .lang-name label {
        text-indent: -9999px;
        width: 0;
        white-space: nowrap;
        margin-left: 15px
    }
}

.logo0 {
    fill: #fff;
}

.logo1 {
    fill: #ff004c;
}

.menu-title{font-weight:900;font-size:13px;position:relative;padding:0 0 10px 0;margin:0 20px 10px;border-bottom:2px solid rgba(255,255,255,.1)}
.menu-title.toggle{cursor:pointer}
.menu-title.toggle::after{content:"\f067";position:absolute;right:0;top:0;color:#fff;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.menu-title.toggle:not(.open) + ul{display:none;}
.menu-title.toggle.open + ul{display:block;}
.menu-title.toggle.open::after{content:"\f068";}

.btn-outline-primary {
    background-color: #fff;
    border-color: #021ea9;
    color: #021ea9;
  }
  .btn-outline-primary:hover {
    background-color: #021ea9;
    border-color: #021ea9;
    color: #fff;
  }
  .col.scrollable{overflow-y: hidden;overflow-x: auto;position:relative}
  .col.scrollable::before{content:"";position:absolute;right:20px;top:0;width:20px;height:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
  .col.scrollable #tab{flex-wrap:nowrap;}
  .col.scrollable #tab li{flex-wrap:nowrap;}