/* Login page */
#id-login-header { padding: 10px 0px; }
#id-logo { width: 130px; }
#id-login-bottom-links { padding-top: 10px; }

/* Layout Template */
#main-logo { width: 80px; height: 10px; margin-top: -20px; margin-bottom: -20px; }
#main-content { padding-top: 0px; margin-right: -10px; }
#main-title { margin-top: 12px; margin-bottom: 12px; }
#main-workgroup-list-th #main-users-list-th { width: 100px; }

#upcomming-events-table-body .icon-list img {
    width: 16px;
    margin-right: 4px !important;
}
#upcomming-events-table-body .icon-list img:not(:last-child) {
    margin-right: 2px;
}

/* New datatables fixes */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after,
table.dataTable.table-condensed thead .sorting:after, table.dataTable.table-condensed thead .sorting_asc:after, table.dataTable.table-condensed thead .sorting_desc:after, table.dataTable.table-condensed thead .sorting_asc_disabled:after, table.dataTable.table-condensed thead .sorting_desc_disabled:after {
    content: none;
}
.dataTables_wrapper .dataTables_scrollBody table thead tr th.sorting_desc:before, .dataTables_wrapper .dataTables_scrollBody table thead tr th.sorting_asc:before {
    content: none;
}
.dataTables_wrapper table thead tr th.sorting_asc:before, .dataTables_wrapper table thead tr th.sorting_desc:before {
    margin-right: 10px;
    margin-left: -20px;
}
table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.dataTables_wrapper .export-data {
    right: 270px;
}
div.dataTables_wrapper div.dataTables_length select {
    margin-top: -2px;
    margin-right: 2px;
    margin-left: 2px;
}
.dataTables_wrapper .dataTables_length {
    padding-top: 20px;
}
.dataTables_wrapper .col-left.event-select-box {
    padding-left: 0;
}
.dataTables_wrapper .dataTables_EventSelect {
    background: #fff;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    padding: 15px 12px;
    height: 58px;
    border-right: 0;
    border-left: 0;
    -webkit-border-radius: 3px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 0;
    background-clip: padding-box;
    padding-top: 20px;
}
.dataTables_wrapper .dataTables_EventSelect select {
    display: inline-block;
    margin-top: -8px;
    margin-right: 2px;
    margin-left: 2px;
}
div.dataTables_wrapper div.border-left div.dataTables_filter {
    border-left: 1px solid #ebebeb;
}
.pagination > li.previous > a, .pagination > li.next > a {
    padding-left: 8px;
    padding-right: 8px;
}
div.dataTables_wrapper div.dataTables_processing {
    z-index: 10;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting {
    padding-right: 10px;
}
table.dataTable tr {
    height: 30px;
}
table.dataTable thead > tr {
    height: 30px;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
    border-bottom: 0px;
}

table.dataTable thead > tr > th {
    white-space: nowrap;
}
div.dataTables_scrollBody > table > tbody > tr:first-child > th, div.dataTables_scrollBody > table > tbody > tr:first-child > td {
    border-bottom: 1px;
}
/* Accordion panel handles */
.panel-group.default > .panel {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
}
.panel-group.default > .panel + .panel {
  margin-top: 0;
  border-top: 0;
}
.panel-group.default > .panel > .panel-heading {
  background-color: #ffffff;
}
.panel-group.default > .panel > .panel-heading h4 a:before {
  position: relative;
  content: '\e87a';
  display: inline-block;
  font-family: 'Entypo';
  color: rgba(115, 120, 129, 0.7);
  padding: 10px 15px;
  padding: 0;
  float: right;
  font-size: 17px;
  margin-left: 13px;
  top: 0px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.panel-group.default > .panel > .panel-heading h4 a.collapsed:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-group.default > .panel > .panel-heading + .panel-collapse {
  background-color: #fdfdfd;
  margin-bottom: 0;
  font-size: 12px;
}
.panel-group.default > .panel:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}
.panel-group.default > .panel:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
}

.page-body .selectboxit-container .selectboxit .selectboxit-option-icon-container .selectboxit-option-icon.fa,
.page-body .selectboxit-container .selectboxit-options li .selectboxit-option-anchor .selectboxit-option-icon-container .selectboxit-option-icon.fa {
    display: inline-block;
    font-family:FontAwesome;
}

/* Language selector */
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open {
    background-color: transparent !important;
}
#main-language-selector {
    margin-top: 3px;
}
#main-language-selector-menu {
    width: 120px;
}
#main-language-selector-toggle {
    margin-right: 19px;
    margin-bottom: 20px;
}
#main-settings-selector-menu {
    width: auto;
}

/* Cell width & aligment */
td.w30, th.w30 {
    width: 30px;
}
td.w40, th.w40 {
    width: 40px;
}
td.w50, th.w50 {
    width: 50px;
}
td.w60, th.w60 {
    width: 60px;
}
td.w70, th.w70 {
    width: 70px;
}
td.w80, th.w80 {
    width: 80px;
}
td.w100, th.w100 {
    width: 100px;
}
td.w110, th.w110 {
    width: 110px;
}
td.w120, th.w120 {
    width: 120px;
}
td.w130, th.w130 {
    width: 130px;
}
td.w140, th.w140 {
    width: 140px;
}
td.w180, th.w180 {
    width: 180px;
}
td.w200, th.w200 {
    width: 200px;
}
div.w18 {
    width: 18px;
}
td.wea, th.wea {
    width: 136px;
}
.force-width-100px {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
.force-width-150px {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
.force-width-250px {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}
.min-width-120px {
    width: 120px;
    min-width: 120px;
}
.min-width-140px {
    width: 140px;
    min-width: 140px;
}
.min-width-160px {
    width: 160px;
    min-width: 160px;
}
.min-width-200px {
    width: 200px;
    min-width: 200px;
}
.min-width-250px {
    width: 250px;
    min-width: 250px;
}
.min-width-300px {
    width: 300px;
    min-width: 300px;
}
/* Sticky columns for tables */
.sticky-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    background-color: #fff;
    z-index: 100;
}
.sticky-col:hover {
    background-color: #f2f2f4;
}
.first-sticky-col {
    left: 1px;
}
.second-sticky-col {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 117px;
}
/* Module List */
.module-list-div {
    margin-bottom: -10px;
}
.table-edit-row.dropdown > a {
  color: #2b303a;
  text-decoration: none;
  font-size: 14px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.table-edit-row.dropdown > a:hover {
  color: #818da2;
}
.table-edit-row.dropdown > a img {
  border: 2px solid #f5f5f5;
  margin-right: 5px;
}
.table-edit-row.dropdown .dropdown-menu {
  background-color: #303641;
  border-color: #454a54;
  padding: 0;
  margin-top: 15px;
}
.table-edit-row.dropdown .dropdown-menu > .caret {
  position: absolute;
  left: 20px;
  top: -4px;
  border-bottom-width: 4px;
  border-top-width: 0;
  border-bottom-color: #454a54;
  margin-left: -2px;
}
.table-edit-row.dropdown .dropdown-menu li {
  color: #aaabae;
  font-size: 12px;
  padding: 0;
}
.table-edit-row.dropdown .dropdown-menu li a {
  color: #aaabae;
  padding: 8px 10px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.table-edit-row.dropdown .dropdown-menu li a i {
  margin-right: 5px;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.table-edit-row.dropdown .dropdown-menu li a:hover {
  background-color: #2b303a;
  color: #ffffff;
}
.table-edit-row.dropdown .dropdown-menu li a:hover i {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.table-edit-row.dropdown .dropdown-menu > li {
  border-bottom: 1px solid #454a54;
}
.table-edit-row.dropdown .dropdown-menu > li > a {
  display: block;
  min-width: 120px;
}
.table-edit-row.dropdown .dropdown-menu > li:last-child {
  border-bottom: 0;
}
.table-edit-row.dropdown.pull-right {
  text-align: right;
}
.table-edit-row.dropdown.pull-right > a img {
  margin-left: 5px;
  margin-right: 0;
}
.table-edit-row.dropdown.pull-right .dropdown-menu {
  background-color: #303641;
  border-color: #454a54;
  padding: 0;
  margin-top: 5px;
  text-align: left;
}
.table-edit-row.dropdown.pull-right .dropdown-menu > .caret {
  left: auto;
  right: 20px;
}
#module-list-table td, #usergroup-users-table td {
    vertical-align: middle;
}

#main-buttons-small {
    display: none;
    margin-top: 10px;
}
#main-buttons-big {
    margin-top: 10px;
}
@media (max-width: 1040px) {
    div.export-data {
        display: none;
    }
}
@media (max-width: 776px) {
    #module-list-table_length label {
        display: none;
    }
    #main-buttons-small {
        display: block;
    }
    #main-buttons-big {
        display: none;
    }
    #before-main-title {
        margin-top: 58px;
    }
    #main-workgroups {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    #main-logout {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    #main-logout .logout-text {
        display: none;
    }
}

/* Edit module forms */
.edit-module-with-tabs {
    margin-top: -20px;
}

/* Select 2 fix */
.select2-search input, .select2-container .select2-choice .select2-arrow b {
    background-image: none !important;
}
.page-body .select2-container .select2-choice {
    height: 31px;
    line-height: 30px;
}
/* Range picker uses disable to hide options */
.eventrangepicker-select2 .select2-results .select2-disabled {
    display: none;
}

/* Event lists */
.table-event-list th {
    text-align: center;
}
.table-event-list td {
    text-align: center;
}
.table-event-list td:not(.no-click) {
    cursor: pointer;
}
.table-event-list td.salehistory {
    padding: 10px 4px 0px 4px;
}
.table td {
    color: #454a54;
}
.table th {
    text-align: center;
}

/* Sell to event */
#hall-event-top-line {
    margin-top: 8px;
    margin-bottom: 0px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}

div.seat-breath {
    -webkit-animation: breathing 1s infinite normal;
    animation: breathing 1s infinite normal;
}


@-webkit-keyframes breathing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #ebebeb;
        border-color: #ebebeb;
        color: #000;
    }


    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #000;
        border-color: #000;
        color: #fff;
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

    50% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #ebebeb;
        border-color: #ebebeb;
        color: #000;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: #000;
        border-color: #000;
        color: #fff;
    }
}

#hall-event-basket {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.hall-event-basket-item {
    width: 100%;
    height: 98px;
    padding: 10px 15px 15px 15px;
    gap: 5px;
    background: #fafafa;
    border-bottom: 1px solid #ebebeb;
    color: #000;
    line-height: 18px;
    font-size: 13px;
}
.sp-seat-info {
    font-weight: bold;
}
.sp-dot {
    margin: 0px 10px 0px 10px;
}
.hall-event-basket-pz {
    display: inline-block;
    padding: 0px;
    line-height: 1;
    white-space: nowrap;
    border-radius: 10px;
    float: left;
    width: 10px !important;
    height: 10px !important;
    margin-top: 6px;
}
.div-section-info {
    float: left;
    margin-left: 7px;
    margin-top: 2px;
}
.sp-del-badge {
    cursor: pointer;
    float: right;
    padding: 1px 2px 0px 1.8px;
    line-height: 1px;
    color: #fff;
    border: 1px solid #c9c9c9;
    background-color: #c9c9c9;
    float: right;
    margin-top: 2px;
}
.div-ticket-type-select {
    float: left;
    margin-top: 7px;
}
.div-ticket-type-select select {
    width: 260px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 31px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 10px;
}
#hall-event-progress-container {
    margin-right: -2px;
}
#hall-event-ticket-types {
    position: absolute;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    bottom: 75px;
    left: 0px;
    padding: 12px;
    height: 55px;
    color: #000;
    background-color: #fff;
    z-index: 300;
    display: none;
    filter: drop-shadow(1.5px 1.5px 3px #999);
}
#hall-event-ticket-types-inside {
    height: 31px;
    max-width: 250px;
    padding-top: 7px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-right: 20px;
    border-right: 1px solid #ebebeb;
    float: left;
}
#hall-event-ticket-types-select-container {
    max-width: 200px;
    float: left;
}
#hall-event-ticket-types-select {
    opacity: 0.0;
    position: absolute;
    left: 20px;
    z-index: 300;
    cursor: pointer;
}
#hall-event-ticket-types-name {
    max-width: 200px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
#hall-event-ticket-types-arrows {
    margin-left: 10px;
    font-size: 14px;
    float: right;
    cursor: pointer;
}
div.hall-event-ticket-types-pricezones {
    display: inline-block;
    padding: 3px 7px;
    line-height: 1;
    white-space: nowrap;
    border-radius: 10px;
    margin-top: 8px;
    margin-left: 10px;
    float: left;
}
div.hall-event-ticket-types-pricezones-price {
    float: left;
    margin: 6px 6px 6px 12px;
    font-size: 13px;
}
#hall-event-seats-unnumbered div.row {
    margin-right: 0px;
}
#hall-event-panzoom {
    position: absolute;
    bottom: 75px;
    left: 42px;
    height: 100px;
    width: 100px;
    padding: 5px;
}
.ha-ev {
    position: relative;
    font-size: 14px;
    color: #000;
    border: 1px solid #ebebeb;
    padding: 4px 0px 0px 5px;
    border-radius: 15px;
    width: 22px;
    height: 22px;
    z-index: 100;
    background-color: #fff;
    filter: drop-shadow(1.5px 1.5px 3px #999);
}
.div-ha-ev {
    cursor: pointer;
    background-color: #fff;
    position: absolute;
}
#ha-ev-plus {
    top: 0px;
    left: 12px;
}
#ha-ev-minus {
    top: 0px;
    left: 39px;
}
#ha-ev-up {
    top: 29px;
    left: 25px;
}
#ha-ev-up i.ha-ev {
    padding: 2px 0px 0px 3.5px;
}
#ha-ev-left {
    top: 54px;
    left: 0px;
}
#ha-ev-left i.ha-ev {
    padding: 4px 0px 0px 4px;
}
#ha-ev-right {
    top: 54px;
    left: 50px;
}
#ha-ev-right i.ha-ev {
    padding: 4px 0px 0px 6px;
}
#ha-ev-down {
    top: 79px;
    left: 25px;
}
#ha-ev-down i.ha-ev {
    padding: 3px 0px 0px 3.5px;
}
#ha-ev-reset {
    top: 54px;
    left: 25px;
}
#ha-ev-reset i.ha-ev {
    padding: 4px 0px 0px 4px;
}

#hall-event-ticket-type-view-all-prices {
    float: left;
    padding-left: 5px;
}
#hall-event-ticket-type-view-all-prices button {
    font-weight: bold;
    margin-top: -1px;
}
#hall-event-seats-viewport {
    overflow: hidden;
    position: absolute;
    transform-origin: 0 0;
}
#hall-event-seats {
    border: 0;
    position: relative;
    overflow: auto;
    float: left;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s;
}
#hall-event-seats-container {
    margin-left: 2px;
    margin-right: 2px;
}
#hall-event-tickets {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    position: relative;
    float: right;
}
#hall-event-ticket-legend-rank-btn {
    display: none;
}
#hall-event-ticket-legend-header {
    height: 32px;
    border-bottom: 1px solid #ebebeb;
    display: none;
}
#hall-event-ticket-legend {
    height: 168px;
    border-bottom: 1px solid #ebebeb;
    color: #303641;
    display: none;
}
#hall-event-ticket-count {
    height: 110px;
    text-align: center;
    font-size: 100px;
    font-weight: bold;
    color: #303641;
    line-height: 110px;
    position: relative;
    z-index: 100;
    background-color: #fff;
}
#hall-event-ticket-price {
    height: 40px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #303641;
    position: relative;
    z-index: 100;
    background-color: #fff;
}
#hall-event-ticket-price-matrix-header {
    border-bottom: 1px solid #ebebeb;
}
#hall-event-ticket-price-matrix {
    border-bottom: 1px solid #ebebeb;
}
#hall-event-ticket-price-matrix table {
    margin-bottom: 0px;
}
#hall-event-trend-dates {
    display: none;
    padding-top: 25px;
    height: 100px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    color: #303641;
    line-height: 30px;
}
#hall-event-trend-bar {
    display: none;
    padding: 15px 25px 0px 15px;
    height: 40px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 0px;
    font-weight: bold;
    color: #303641
}
#hall-event-trend-chart {
    display: none;
    padding-top: 2px;
    height: 28px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 0px;
    font-weight: bold;
    color: #303641
}
#hall-event-ticket-buttons {
    position: relative;
    z-index: 100;
    background-color: #fff;
}
#modal-price-zone-ticket-types-body table th, #modal-price-zone-ticket-types-body table td,
#modal-price-zone-statistics-body table th, #modal-price-zone-statistics-body table td,
#modal-allocation-statistics-body table th, #modal-allocation-statistics-body table td {
    text-align: center; 
}
#ticket-list-table {
    margin-bottom: 0px;
}
#ticket-list-table td {
    vertical-align: middle;
}
#sell-ticket-list-table td:nth-child(2) {
    padding-left: 0px;
}
#sell-ticket-list-table td {
    vertical-align: middle;
}
#modal-ticket-list-body #modal-ticket-list-tab {
    max-height: calc(100% - 38px);
}

#modal-ticket-list-body .modal-ticket-list-tab-content {
    height: 100%;
}

#modal-ticket-list-body .nav-tabs {
    margin-top: 0px;
}
#modal-ticket-list-body .tab-content {
    padding: 0px 0px 0px 10px;
}
#modal-customer-tab {
    padding-top: 15px;
    overflow-y: auto;
    max-height: calc(100% - 38px);
}
#modal-payment-types-tab {
    padding-top: 15px;
}
div.seat {
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    color: #303641;
    padding-top: 0px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    position: absolute;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
div.seat span {
    display: block;
}
div.p1 {
    border: 2px solid #ee4749;
    background-color: #ffffff;
}
div.p2 {
    border: 2px solid #21a9e1;
    background-color: #ffffff;
}
div.p3 {
    border: 2px solid #00a651;
    background-color: #ffffff;
}
div.p4 {
    border: 2px solid #fad839;
    background-color: #ffffff;
}
div.p5 {
    border: 2px solid #760076;
    background-color: #ffffff;
}
div.p6 {
    border: 2px solid #fa6900;
    background-color: #ffffff;
}
div.rp1 {
    border: 2px solid #ee4749;
    background-color: rgba(238, 71, 73, 0.25);
}
div.rp2 {
    border: 2px solid #21a9e1;
    background-color: rgba(33, 169, 225, 0.25);
}
div.rp3 {
    border: 2px solid #00a651;
    background-color: rgba(0, 166, 81, 0.25);
}
div.rp4 {
    border: 2px solid #fad839;
    background-color: rgba(250, 216, 57, 0.25);
}
div.rp5 {
    border: 2px solid #760076;
    background-color: rgba(118, 0, 118, 0.25);
}
div.rp6 {
    border: 2px solid #fa6900;
    background-color: rgba(250, 105, 0, 0.25);
}
div.sp1 {
    border: 2px solid #ee4749;
    background-color: rgba(238, 71, 73, 1);
    color: #fff;
}
div.sp2 {
    border: 2px solid #21a9e1;
    background-color: rgba(33, 169, 225, 1);
    color: #fff;
}
div.sp3 {
    border: 2px solid #00a651;
    background-color: rgba(0, 166, 81, 1);
    color: #fff;
}
div.sp4 {
    border: 2px solid #fad839;
    background-color: rgba(250, 216, 57, 1);
    color: #fff;
}
div.sp5 {
    border: 2px solid #760076;
    background-color: rgba(118, 0, 118, 1);
    color: #fff;
}
div.sp6 {
    border: 2px solid #fa6900;
    background-color: rgba(250, 105, 0, 1);
    color: #fff;
}
div.sel {
    border: 2px solid #303641;
    background-color: #303641;
    color: #fff;
}
div.custsel {
    border: 2px solid #303641;
    background-color: #949494;
}
div.seatsel {
    border: 2px solid #303641;
    color: #fff;
    background-color: #303641;
}
div.allo {
    font-weight: bold;
    background-color: #949494;
    color: #fff;
}
#modal-edit-seats-body .form-group .input-group-addon {
    display: none;
}
#modal-edit-seats-body .form-group.enabled .input-group-btn {
    display: none;
}
#modal-edit-seats-body .form-group.enabled .input-group-addon {
    display: table-cell;
    border-right: 0;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/* Multiselect */
.ms-container .ms-list {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 180px;
    height: 180px;
    outline: none;
    border: 1px solid #ebebeb;
    overflow: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Bonsai */
.bonsai .thumb {
    cursor: pointer;
}

/* Bonsai */
.strong {
    font-weight: bold;
}

/* Buttons on the Sell Event */
#btn-reserve {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
#btn-sell {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
#btn-menu {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.dropdown-menu.dropdown-warning {
  background-color: #fad839;
  border-color: #ffffff;
}
.dropdown-menu.dropdown-warning > li > a {
  color: #303641;
}
.dropdown-menu.dropdown-warning > li:hover a {
  background-color: #574802;
  color: #ffffff;
}
.dropdown-menu.dropdown-warning .divider,
.dropdown-menu.dropdown-warning .divider:hover {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #574802;
}
td.pad-right-10 {
    padding-right: 10px;
    width:100px;
}
.table-popover td {
    padding: 2px;
}
.popover {
    z-index: 1050 !important;
}
div.popover {
    opacity: 0.1;
}
div.popover.iconpicker-popover {
    opacity: 1;
}
.progress-bar-info {
  background-color: #949494;
}
.div-hall-event-sub-panel {
    padding: 0px;
    position: absolute;
    width: 0px;
    top: -3px;
    background-color: #ffffff;
    z-index: 10;
}


.ev-progress-tab {
    background-color: #f0f0f1;
}

.ev-progress-tab-selected {
    background-color: white;
}

.progress-container {
    border: 1px solid #f0f0f1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin-left: 3px;
    height: 34px;
    color: #000;
    position: relative;
    cursor: pointer;
    margin-top: 3px;
}

.progress-main {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 5px;
    margin-top: 1px;
    float: left;
}

.progress-date {
    flex-shrink: 0;
    margin-left: 5px;
    margin-top: 1px;
    float: left;
    margin-right: 30px;
}

.progress-icon {
    margin-left: 10px;
    margin-right: 6px;
}

.pm-ok {
    border: 1px solid #00a651;
    background-color: #00a651;
    color: #fff;
    border-radius: 12px;
    float:left;
}

.pm-none i {
    color: #a8a8a9;
}

.fa-ok-done {
    margin: 2px 3px 2px 3px;
    font-size: 11px;
}

.fa-circle-tix {
    font-size: 18px;
    margin: 0px;
    margin-top: 6px;
    line-height: 12px;
}

#expand-grouped-events {
    display: none;
    position: absolute;
    height: 34px;
    width: 36px;
    z-index: 200;
    right: 344px;
    top: 51.5px;
}
#add-event-to-subscription {
    position: fixed;
    height: 34px;
    width: 36px;
    z-index: 200;
    right: 318px;
    top: 113.5px;
    padding-top: 7px;
}
.event-accord-panel {
    border-width: 0px 0px 1px 0px;
}
#basket-events-accordion {
    margin-bottom: 0px;
}
#basket-events-accordion .panel-heading {
    background-color: #f5f5f5;
}
#basket-events-accordion .panel-collapse {
    background-color: #fafafa;
}
#basket-events-accordion .panel-body {
    padding: 0px;
}
#basket-events-accordion a {
    font-size: 12px;
    font-weight: bold;
}
#hall-event-subscription-panel {
    background: #fff;
}

#hall-event-subscription-panel .remove-event i {
    font-size: 18px;
    line-height: 18px;
    color: #a8a8a9;
}
#hall-event-subscription-panel .remove-event {
    position: absolute;
    right: 0px;
    padding-right: 4px;
    padding-top: 4px;
}

#hall-event-subscription-panel .remove-event span.badge {
    padding-left: 1px;
    padding-right: 1px;
    background: transparent;
}
.pointer {
    cursor: pointer;
}
i.entype-addon-dot {
    font-size: 16px;
    margin: 0px 4px;
    color: #949494;
}

/* Big Checkboxes */
.regular-checkbox {
    display: none;
}
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -7px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #373e4a;
}
.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}
.big-checkbox + label {
    padding: 18px;
}
.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}
.order-open-event {
    font-size: 22px !important;
    float:left;
}
.order-hover-actions {
    position: absolute;
    bottom: 0;
    right: 5px;
    height: 33px;
    width: 33px;
    text-align: right;
    opacity: 0;
    z-index: 15;
}
.order-hover-actions.action-count-2 {
    height: 64px;
}
.order-hover-actions.action-count-3 {
    height: 95px;
}
.order-hover-actions.action-count-4 {
    height: 95px;
    width: 67px;
}
.order-hover-actions.action-count-5 {
    height: 95px;
    width: 67px;
}
.order-hover-actions.action-count-6 {
    height: 95px;
    width: 67px;
}
.order-trash, .order-print, .order-add-tickets, .order-view, .order-history {
    font-size: 22px !important;
    display: inline-block;
}
.order-hover-actions.action-count-4 .order-trash,
.order-hover-actions.action-count-5 .order-trash {
    margin-left: 30px;
}
/*.order-trash {
    font-size: 22px !important;
    position: absolute !important;
    right: 5px;
    top: 102px;
    opacity: 0;
}
.order-print {
    font-size: 22px !important;
    position: absolute !important;
    right: 5px;
    top: 70px;
    opacity: 0;
}
.order-add-tickets {
    font-size: 22px !important;
    position: absolute !important;
    right: 5px;
    top: 38px;
    opacity: 0;
}
.order-view {
    font-size: 22px !important;
    position: absolute !important;
    right: 5px;
    top: 38px;
    opacity: 0;
}*/
#CustomerCompanyName {
    margin-bottom: 20px;
    margin-top: 0;
}
#CustomerCompanyName span.editable-content {
    display: inline-block;
    padding: 4px;
}
div.customer-company-card {
    cursor: pointer;
}
div.customer-company-card.customer-highlight {
    border-color: #000;
}
div.order-checkbox {
    position: absolute !important;
    right: 10px;
    top: -5px;
}
div.order-tile {
    padding-top: 6px;
    padding-left: 14px;
    padding-bottom: 10px;
    cursor: pointer;
}
div.order-tile.order-highlight {
    border-color: #000;
}
div.order-tile:hover .order-hover-actions {
    transition: all 300ms ease-in-out;
    opacity: 1;
}
/*div.order-tile:hover .order-trash, div.order-tile:hover .order-print,
div.order-tile:hover .order-add-tickets, div.order-tile:hover .order-open-event,
div.order-tile:hover .order-view {
    transition: all 300ms ease-in-out;
    opacity: 1;
}*/
div.order-tile:hover .icon {
    transition: all 300ms ease-in-out;
    opacity: 0;
}
div.order-ticket-count {
    font-size: 24px !important;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.order-small-info {
    font-size: 16px !important;
}
div.order-click-area {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 90%;
    z-index: 10;
    height: 100%;
}
div.order-expires-bar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 65%;
    z-index: 10;
    height: 5px;
    background-color: #bdedbc; /*#00a65a; #f56954;*/
}
div.tile-online-container {
    width: 100%;
    position: absolute;
    top: 122px;
    z-index: 10;
    height: 22px;
    padding-top: 2px;
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -16px;
    padding-right: 16px;
}
div.tile-online-bar {
    color: #fff;
    border-radius: 5px;
    z-index: 10;
    height: 22px;
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 10px;
}
div.tile-online-bar-red {
    background-color: #a31515;
}
div.tile-online-bar-green {
    background-color: #084d20;
}
div.tile-online-bar-orange {
    background-color: rgba(155, 117, 9, 0.51);
}
.autocomplete-suggestions {
    border: 1px solid #c8cdd7;
    border-radius: 3px;
    color: #373e4a;
    background: #fff;
    overflow: auto;
    margin-top: 2px;
    cursor: pointer;
}
.autocomplete-suggestion {
    padding: 4px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gl-autocomplete-suggestions {
    border: 1px solid #c8cdd7;
    border-radius: 0 0 3px 3px;
    color: #373e4a;
    background: #fff;
    overflow: auto;
    margin-top: -2px;
    cursor: pointer;
    /*min-width: min-content;*/
}
.gl-autocomplete-suggestions .autocomplete-suggestion {
        padding: 0px 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 33px;
        display: flex;
        align-items: center;
}
.autocomplete-suggestion strong.extra-space-before::before {
    content: '\00a0';
}

.autocomplete-suggestion strong.extra-space-after::after {
    content: '\00a0';
}

.gl-autocomplete-suggestions .autocomplete-suggestion:first-of-type {
    padding-top: 8px;
}

.gl-autocomplete-suggestions .autocomplete-suggestion:last-of-type {
    padding-bottom: 8px;
}
.gl-autocomplete-suggestions strong {
    font-weight: bold;
    color: #373e4a;
}
.autocomplete-selected {
    background: #ebebeb;
}
.autocomplete-suggestions strong {
    font-weight: bold;
    color: #373e4a;
}
.autocomplete-suggestion .progress {
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 10px;
    margin-right: 5px;
    min-width: 90px;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
h3.order-event-name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
p.order-event-dates {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#main-keyboard-shortcuts {
    margin-right:5px;
    padding: 22px 1px 18px 0px;
}
#modal-keyboard-shortcuts kbd {
    padding: 2px 6px;
    border-radius: 4px;
}
#main-workgroups {
    margin-right: 5px;
    padding: 22px 11px 18px 0px;
}
#main-users {
    margin-right: 5px;
    padding: 22px 11px 18px 0px;
}
#main-release-notes {
    margin-right: 5px;
    padding: 22px 11px 18px 0px;
}
#main-logout {
    padding: 22px 20px 18px 12px;
}
div.customer-no-orders-symbol {
    margin-top: -10px; 
    margin-bottom: -10px; 
    font-size: 80px;
}
div.customer-no-orders-strong {
    font-size: 30px;
}
div.modal-ticket-list-header {
    font-weight: bold;
}
div.modal-ticket-list-body {
    padding-bottom: 0px;
}
#modal-ticket-list-info-header {
    margin-top: -1px
}
#modal-yes-no-header {
    font-weight: bold;
}
.date-width {
    width: 100px !important;
    border-radius: 0px !important;
    text-align: center;
}
.time-width {
    width: 60px !important;
    border-radius: 0px 3px 3px 0px !important;
    text-align: center;
}
.long-time-width {
    width: 80px !important;
}
.sortable {
    width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sortable.grid {
    overflow: hidden;
}
.sortable li {
    list-style: none;
	border: 1px solid #CCC;
	background: #F6F6F6;
	font-weight: bold;
    margin: 10px;
	padding: 5px;
    padding-left: 10px;
	height: 28px;
    cursor: move;
    border-radius: 3px;
}
.sortable.grid li {
	line-height: 80px;
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
}
#eventgroup-features.sortable li {
    list-style: none;
	border: 1px solid #CCC;
	background: #F6F6F6;
	font-weight: bold;
	padding: 5px;
    padding-left: 10px;
	height: 128px;
    cursor: move;
    border-radius: 3px;
    
    float: left;
    box-sizing: border-box;
    margin: 10px 0;
}
.handle {
	cursor: move;
}
.sortable.connected {
	width: 200px;
	min-height: 100px;
	float: left;
}
li.disabled {
	opacity: 0.5;
}
li.highlight {
	background: #FEE25F;
}
li.sortable-placeholder {
	border: 1px dashed #CCC;
	background: none;
    display: block;
}
div.form-control-sortable-container {
    padding: 10px 6px 0px 7px;
}
div.form-control-sortable-container i {
    cursor: pointer;
}
#hall-event-seats-unnumbered {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
div.ticket-tile {
    cursor: pointer;
    padding: 0px;
    height: 110px;
}
div.today-tile {
    cursor: pointer;
    padding: 20px 0px 10px 0px;
}
span.badge-pz-available {
    margin-right: 10px;
    font-size: 13px;
    margin-top: 1px;
    background-color: #303641;
}
span.badge-alloc-available {
    margin-right: 10px;
    font-size: 13px;
    background-color: #303641;
    position: absolute !important;
    right: 0;
    top: 10px !important;
}
button.btn-allocation {
    position: relative;
    padding-right: 30px;
}
div.alert-ticket-type, div.alert-membership {
    font-size: 30px;
    padding: 1px;
    margin-bottom: 10px;
}
div.alert-ticket-type.selected, div.alert-membership.selected {
    box-sizing: border-box;
    border: 1px solid black;
}
div.alert-event {
    font-size: 30px;
    padding: 1px;
    margin-bottom: 10px;
}
button.btn-pz {
    border-radius: 5px;
}
#hall-event-seats .ui-selecting {
    background-color: #949494;
    border-color: #303641;
}
#hall-event-seats .ui-selected {
    border: 2px solid #303641;
    background-color: #303641;
 }
div.ui-selectable-helper {
    background-color: #949494;
    opacity: 0.2;
}
#modal-sale-info-body {
    padding-top: 0px;
    overflow-y: auto;
}
#modal-sale-info-dialog .order-description {
    font-size: 18px;
    cursor: pointer;
}
#modal-sale-info-dialog .order-description-edit {
    position: absolute;
    right: 10px;
    top: 40px;
    background: #fff;
    padding: 20px;
    z-index: 1000;
    border: 1px solid #e5e5e5;
    width: 500px;
    display: none;
}
#modal-sale-info-dialog .order-description-edit textarea {
    width: 100%;
    height: 120px;
}
#modal-sale-info-dialog .order-description-edit .save-order-description{
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}
table.report-result th div.th-div-tooltip {
    width: 100%;
}
table.report-result th {
    text-align: center;
}
div.report-loading-symbol {
    margin-top: -10px; 
    margin-bottom: -10px; 
    font-size: 90px;
}
div.report-loading-strong {
    font-size: 30px;
}
.report-panel-parameters {
    cursor: pointer;
}
#report-parameters {
    margin-left:5px;
}
.customer-panel-heading {
    cursor: pointer;
}
.blurry {
   color: transparent !important;
   text-shadow: 0 0 5px rgba(0,0,0,0.8);
   font-size: 12px;
}
.col-centered {
    margin: 0 auto;
}
div.report-print-header {
    font-size: 14px;
    font-weight: bold;
    color: #373e4a;
    margin-bottom: 10px;
}
span.report-sub-header {
    font-weight: normal;
    font-size: 0.95em;
}
.alert-login-as {
  text-align: center;
  background-color: #ffc9c9;
  border-color: #ffc9c9;
  color: #ac1818;
  margin-bottom: 0px;
  border-radius: 0px;
  padding: 7px;
}
#div-change-seats-alert {
    background-color: #c5e8f7;
    display: none;
}
#div-change-seats-alert .alert-info {
    display: flex;
    font-weight: bold;
    padding: 10px 25px;
    margin-bottom: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
#div-change-seats-alert .alert-info div.alert-description-info {
    padding-left: 10px;
}
#div-change-seats-alert .alert-info div.alert-description-info ul {
    margin: 0;
    padding-left: 15px;
}
div.mr5 {
    margin-right: 3px !important;
}
td.today {
    background-color: #ebebeb;
}
.page-container.horizontal-menu header.navbar.navbar-fixed-top {
  position: absolute;
}
.jqstooltip { 
    width: 45px;
}
#last-orders {
    border: 0px;
}
#last-orders_wrapper .row {
    margin-bottom: 0px;
}
#last-orders_info {
    border: 0px;
}
#last-orders_paginate {
    border: 0px;
}
#last-orders_wrapper .loip {
    border: 0px;
}
#last-orders > thead > tr > th:first-child, #last-orders > tbody > tr > td:first-child {
    border-left: 0px;
}
#last-orders > thead > tr > th:last-child, #last-orders > tbody > tr > td:last-child {
    border-right: 0px;
}
td.vcenter {
    padding-top: 4px !important;
    vertical-align: middle !important;
}
div.date-and-time {
    width: 100%;
}
td.nowrap, th.nowrap {
    white-space: nowrap;
}
td.text-left, th.text-left {
    text-align: left;
}
td.text-right, th.text-right {
    text-align: right;
}
td.text-center, th.text-center {
    text-align: center;
}
td.v-center, th.v-center {
    vertical-align: middle !important;
}
td.notopbtm-border {
    border-bottom: 0px !important;
    border-top: 0px !important;
}
div.text-center {
    text-align: center;
}
tr.tr-subscriptiontype-list td {
    cursor: pointer;
}
div.div-event-analytics {
    text-align: center;
    float: left;
    width: 40px;
}
div.div-event-analytics-specialoffer {
    text-align: center;
    float: left;
    width: 20px;
}
div.div-event-analytics-sep {
    text-align: center;
    float: left;
    width: 6px;
}
#hall-background {
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    display: none;
    z-index: -1;
}
tr.strikeout-deleted td.so:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #ee4749;
  width: 100%;
}
tr.strikeout-sold td.so:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #00a651;
  width: 100%;
}
.show-on-hover {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease-in-out;
}
.has-hover .show-on-hover {
  visibility: visible;
  opacity: 1;
}
tr.hover-highlight td {
    background-color: rgb(255, 255, 204) !important;
}
tr.barcode-ticket td {
    background-color: #c5e8f7;
}
#sell-ticket-list-table td {
    position: relative;
}
#sell-ticket-list-table td .notice-popover,
#modal-sale-info-ticket-list-table td .notice-popover {
    position: absolute;
    right: 0;
}
#modal-sale-info-ticket-list-table td {
    border-collapse: collapse;
    empty-cells: show;
}
#modal-sale-info-ticket-list-table td {
    position: relative;
}
#modal-sale-info-item-list-table td {
    border-collapse: collapse;
    empty-cells: show;
}
#modal-sale-info-item-list-table td {
    position: relative;
}
#modal-sale-info-dialog {
    width: 900px;
}
#modal-sale-print-dropdown, #modal-sale-move-dropdown {
    border-radius: 3px;
}
#modal-sale-info-receipt-heading {
    display: flex; 
    column-gap: 16px; 
    align-items: center;
}

#modal-sale-info-receipt-heading button {
    border: none;
}
#modal-sale-info-customer-customer-name, #modal-sale-info-organisation-name, #modal-sale-info-organisation-address, #modal-sale-info-organisation-crn, #modal-sale-info-organisation-vat-number,
#modal-sale-info-customer-company-info, .modal-sale-info-customer-phone-email, #modal-sale-info-receipt-heading h2 {
    display: none;
}
#wb-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}
#wb-loading {
    height:90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    font-size: 90px;
}
#modal-search {
    top: 20px;
}
#modal-search #modal-search-results, #modal-search #modal-search-results-footer {
    display: none;
}
#modal-search.table-search #modal-search-body {
    display: none;
    padding-bottom: 6px;
}
#modal-search.table-search #modal-search-results-footer {
    display: block;
    margin-top: -24px;
}
#modal-search.table-search #modal-search-results {
    display: block;
    padding-top: 30px;
    margin-top: -10px;
}
.pad2 {
    padding: 2px;
}
.fs22 {
    font-size: 22px;
}
.fs18 {
    font-size: 18px;
}
.fs18 {
    font-size: 16px;
}
.fs14 {
    font-size: 14px;
}
.red-color {
    color: #ee4749;
}
.yellow-color {
    color: #ffba00;
}
.green-color {
    color: #00a651;
}
.gray-color {
    color: #ebebeb;
}
.blue-color {
    color: #0073b7;
}
.input-spinner-manually {
  position: relative;
}
.input-spinner-manually:before,
.input-spinner-manually:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-spinner-manually:after {
  clear: both;
}
.input-spinner-manually:before,
.input-spinner-manually:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-spinner-manually:after {
  clear: both;
}
.input-spinner-manually input,
.input-spinner-manually button {
  float: left;
}
.input-spinner-manually input {
  margin: 0;
  border-left: 0;
  border-right: 0;
  text-align: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: auto;
}
.input-spinner-manually input.size-1 {
  width: 60px;
}
.input-spinner-manually input.size-2 {
  width: 100px;
}
.input-spinner-manually input.size-3 {
  width: 120px;
}
.input-spinner-manually input.size-4 {
  width: 160px;
}
.input-spinner-manually button {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-spinner-manually button + input + button {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-spinner input[type="number"]::-webkit-outer-spin-button,
.input-spinner input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.input-spinner input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}
.chkbox, .chk-ticket-list {
    height: 17px;
    width: 17px;
    cursor: pointer;
}
td.cpoint {
    cursor: pointer;
}
i.ord-exp {
    font-style: normal;
    font-weight: bold;
}
span.ord-exp-event {
    margin-top: 0px !important;
    line-height: 16px;
}
ul.ord-exp-ul {
    width: 450px;
}
#event-list td.red {
    color: #cc2424;
}
i.font-danger {
    color: #cc2424;
}
.tile-stats .numrep,
.tile-stats h3,
.tile-stats p {
    position: relative;
    color: #ffffff;
    z-index: 5;
    margin: 0;
    padding: 0;
}

.tile-stats .numrep {
    font-size: 38px;
    font-weight: bold;
}

/* Custom Inline list with dropdowns */
.list-inline.tix-custom {
    margin-bottom: 0;
}
.list-inline.tix-custom > li.notifications.dropdown .dropdown-menu {
    margin-left: 5px;
}
.list-inline.tix-custom > li:first-child.notifications.dropdown .dropdown-menu {
    margin-left: 0;
}
.list-inline.tix-custom .notifications.dropdown > a {
    margin-top: 8px;
    padding-bottom: 0px;
}
.list-inline.tix-custom .notifications.dropdown > a i {
    width: 26px;
}
.list-inline.tix-custom .dropdown-menu.open-left {
    left: auto;
    right: 5px;
}
.list-inline.tix-custom .notifications.dropdown .dropdown-menu > li {
    border: none;
}
.list-inline.tix-custom .notifications.dropdown .dropdown-menu > li.top > p {
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list-inline.tix-custom .notifications.dropdown .dropdown-menu > li.top > span.has-switch.switch-small {
    margin-top: 10px;
    margin-right: 20px;
}
.list-inline.tix-custom .notifications.dropdown .dropdown-menu > li:not(:first-child) {
    padding: 0 20px 0 18px;
}
.list-inline.tix-custom .notifications.dropdown .dropdown-menu {
    padding-bottom: 7px;
}
.list-inline.tix-custom .notifications.dropdown .dropdown-menu > li > p a.btn {
    color: #888888;
}
#modal-order-history-body .cbp_tmtimeline > li .cbp_tmlabel,
#modal-seat-history-body .cbp_tmtimeline > li .cbp_tmlabel {
    margin-bottom: 20px;
    padding: 1em;
}
#modal-order-history-body .cbp_tmtimeline > li .cbp_tmlabel blockquote,
#modal-seat-history-body .cbp_tmtimeline > li .cbp_tmlabel blockquote {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .list-inline.tix-custom .dropdown-menu.open-left {
        left: 0px;
        right: auto;
    }
}
@media (max-width: 1300px) {
    #venuemanagement-notes {
        display: none;
    }
}
table.single-line th, table.single-line td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.DTTT_print_info.modal {
    display: block;
}

#change-print-price-popover, #change-subscription-popover {
    max-width: 900px;
    width: 500px;
    background-color: rgb(255, 255, 204);
}
#show-recurring-popover {
    max-width: 500px;
    width: 420px;
    background-color: rgb(255, 255, 204);
}

#extend-giftcard-popover, #extend-membership-popover, #share-membership-popover {
    max-width: 900px;
    width: 300px;
    background-color: rgb(255, 255, 204);
}

#change-print-price-popover.popover .arrow:after, #change-subscription-popover.popover .arrow:after, #extend-giftcard-popover .arrow:after, #extend-membership-popover .arrow:after, #share-membership-popover .arrow:after, #show-recurring-popover .arrow:after {
    border-top-color: rgb(255, 255, 204);
}

#event-internal-note {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 200;
}

#event-settings {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 200;
}

#hall-event-ticket-legend-close {
    position: absolute;
    right: 5px;
    top: 5px;
    display: none;
}

#modal-event-information-body table {
    margin-bottom: 0px;
}
#main-session-info-list tr td:last-child {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.popover.top-left {
    margin-top: -10px;
}
.popover.top-left .arrow {
    left: 90%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}
.popover.top-left .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}
.filter-hide {
    display: none;
}

/* trick to keep the hidden iframe from activating scrollbars */
#printJS {
    left: 0;
}

/*.toast-top-center {
    top: 200px !important;
}*/

@media print {
    .DTTT_print_info.modal { display: none !important; }
}

div.form-group-bottom-border {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

select.monthselect, select.yearselect {
    border-radius: 3px;
}
select.minuteselect, select.hourselect, select.ampmselect {
    border-radius: 3px;
    color: #303641;
}
table.dataTable.fixedHeader-floating {
    z-index: 100;
}
table.dataTable.fixedHeader-floating th {
    font-weight: bold;
}
table.dataTable.fixedHeader-floating th.sorting_asc:before, table.dataTable.fixedHeader-floating th.sorting_desc:before {
    display: block;
    float: right;
    color: #303641;
    font-family: 'Entypo';
    content: '\e876';
}
table.dataTable.fixedHeader-floating th.sorting_desc:before {
    content: '\e873';
}
#ticket-list-overlay-block {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 20px;
}
#ticket-list-overlay-block p {
    color: #4e1c1c;
    font-size: 13px;
}
#ticket-list-overlay-block p strong {
    font-size: 15px;
}
#MenuClock > h3 {
    color: #ffffff;
    cursor: default;
    margin-top: 22px;
    font-size: 17px;
}
/* Search dialog has z-index 9999 so we need more to show this here */
.search-dialog-popover {
    z-index: 10000 !important;
}
/* Danger tooltip missing from neon */
.tooltip.tooltip-danger.left .tooltip-arrow {
    border-left-color: #cc2424;
}
.tooltip.tooltip-danger .tooltip-inner {
    background-color: #cc2424;
    color: #ffffff;
}
.has-error .editormd {
    border-color: #ffafbd;
}
.modal .modal-header .close {
    padding: 4px 5px 1px 5px;
    margin-top: 0px;
    opacity: 1;
}
.locale-icon {
    min-width: 42px;
}

/* Selected workgroup list item */
#main-workgroup-list tr.selected td {
    font-weight: bold;
}

#main-users-list tr.selected td {
    font-weight: bold;
}

#TableLoadMore {
    border-top: 1px solid #ebebeb;
}

#TableLoadMore a {
    display: block;
    text-align: center;
    padding: 10px 12px;
    border: 0;
    background: #fafafa;
    height: 47px;
    border-radius: 0 0 0 3px;
    background-clip: padding-box;
    line-height: 30px;
}

.centered-segmentation-div {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 4;
}

.gender-bar {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    color: blue;
    font-weight: bold;
    margin-bottom: 10px;
}

.gender-active, .subscription-active, .types-active {
    background-color: blue !important;
    color: white !important;
    border: 0;
    border-width: 0;
}
.segmentation-titles {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

#div-total-permissions, #div-total-gender, #div-total-subscription,
#div-total-impulsive, #div-total-events, #div-total-orders, #div-total-tickets,
#div-total-age, #div-total-distance, #div-total-days, #div-total-non-buy,
#div-total-money, #div-total-types {
    flex: 6;
}

.segmentation-titles-cluster {
    display: flex;
    flex-wrap: nowrap;
    white-space: normal;
    align-items: center;
    flex: 6;
}

.dot {
    height: 5px;
    width: 5px;
    background-color: #ffff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
}

.main-content-full {
    height: 100%;
    width: 100%;
    flex-direction: column;
    display: flex;
    overflow-x: hidden;
}

#composer-nav {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    margin: 10px 20px 10px 20px;
   
}

#email-save {
    font-size: 12px;
    color: white;
}

#email-save-text {
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}


#editor-container-buttons {
    display: flex;
    flex-direction: row;
}

#email-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: black;
}

.editor-container {
    display: flex;
    height: 100%;
    flex-direction: column;
}

#editor {
    display: flex;
    flex: 1 1 auto;
}

.editor-button-preview {
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid transparent;
    background-color: #EEEEEF;
    font-size: 12px;
    border-radius: 3px;
    color: black;
}

.editor-button-save {
    margin: 0px 20px 0px 10px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: white;
    justify-content: center;
}

.editor-button-back {
    cursor: pointer;
    border: 1px solid #EBEBEB;
    font-size: 12px;
    border-radius: 3px;
    background-color: white;
    color: black;
}

.editor-btn-main {
    display: flex;
    background: #009C47;
    width: 55px;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 3px 0px 0px 3px;
}

.editor-btn-icon {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    background: #00823C;
    width: 31px;
    border-radius: 0px 3px 3px 0px;
}

/* Header */
.segmentation-card-header, .stats-card-header {
    display: flex;
    justify-content: space-between;
}

.segmentation-card-header p, .stats-card-header p {
    font-weight: bold !important;
    font-size: 18px !important;
}

.segmentation-card-header div, .stats-card-header div {
    text-align: right;
    font-size: 18px !important;
}

.stats-card-sub-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 1px;
    margin-top: 7px;
}

/* Segmentation info */
.segmentation-titles-cluster p:first-child {
    margin-right: 15px;
}

/* Segmentation filter */
.segmentation-filter-content {
    margin-top: auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.segmentation-filter-content-centered {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div#col-distance-map {
    width: 100% !important;
    padding: 0;
}

.segmentation-titles-cluster {
    justify-content: space-between;
}

.customer-segmentation-tile-row .slider {
    /* Overwriting the slider styles from theme: */
    height: 6px !important;
    background: white !important;
}

.customer-segmentation-tile-row .slider .ui-slider-handle {
    box-shadow: 0px 1.37747px 2.75493px rgba(0, 0, 0, 0.25);
    /* Overwriting the slider styles from theme: */
    background: white !important;
    border: none !important;
    width: 14px !important;
    height: 14px !important;
}

.radio-div-segmentation {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.radio-div-segmentation .radio label {
    color: white;
    font-size: 13px;
}

.slider-labels-segmentation {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.customer-segmentation-tile-row .radio {
    margin-top: 0px;
}

.customer-segmentation-tile-row .radio + .radio {
    margin-top: 0px;
}

div#col-filter-table {
    padding-right: 0px;
}

div.show-me {
    padding: 0px 7.5px;
}

div#row-tiles {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.tile-stats p {
    font-size: 13px;
}

.col-md-4.distance-col .show-me {
    padding: 0px;
}

.col-md-4.distance-col {
    padding: 0px;
}

/* #box-distance {
    width: 100%;  
} */

.distance-filter-row {
    display: flex;
}
.filter-row {
    width: 100%;
}

.col-md-4.distance-col {
    width: 100%;
    margin-right: 15px;
}

/* Custom tile colors */
.tile-stats.tile-stats-money.tile-custom-green {
    background-color: #4698A5;
}
.tile-stats.tile-stats-money.tile-custom-green:hover {
    background-color: #3e8894;
}

#impulsiveness-slider-range {
    background-color: #1a3b41;
    height: 100%;
}

#tickets-slider-range {
    background-color: #802147;
    height: 100%;
}

#events-slider-range {
    background-color: #bd5c5c;;
    height: 100%;
}

#orders-slider-range {
    background-color: #31260d;
    height: 100%;
}

#revenue-slider-range {
    background-color: #00552f;
    height: 100%;
}

#days-slider-range {
    background-color: #01554b;
    height: 100%;
}

#distance-slider-range {
    background-color: #a36700;
    height: 100%;
}

#div-slider-age .ui-slider-range.ui-widget-header.ui-corner-all {
    background: #ad3b39;
}

/*Password requirements popover*/
.user-pass .popover {
    max-width: 400px;
}

.user-pass .popover-content ul li {
    white-space: nowrap;
}

/*Loading placeholder*/
.placeholder-item {
    position: relative;
    overflow: hidden;
}
.placeholder-item::before {
    content: '';
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 150px;
    background: linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);
    animation: placeholder-load 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}
@keyframes placeholder-load {
    from {
        left: -150px;
    }

    to {
        left: 100%;
    }
}
td.placeholder-parent-td {
    padding: 0 !important;
}

/* Box office module setting group */
.module-form-group {
    border: 1px solid #EBEBEB;
    margin-bottom: -1px;
}

.module-form-group:first-of-type {
    border-radius: 10px 10px 0px 0px;
}

.module-form-group:nth-last-of-type(2) {
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 30px;
}

.module-form-group-title-check {
    display: flex;
    background-color: #DBDBDD;
    color: white;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.module-form-group-title-check.active {
    background-color: #009C47;
}

.module-form-group-title-group {
    padding-top: 22px;
    padding-left: 22px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: flex-start;
}

.module-form-group-title {
    margin-left: 15px;
}

.module-form-group-title > h2 {
    margin-top: -2px;
}

.module-form-group-title-check > i {
    font-size: 15px;
}

.module-additional-navbar {
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*POS*/
.modal.customized .modal-dialog .modal-content .modal-header {
  border: none;
  margin-bottom: 15px;
  padding: 15px 15px 0 15px;
}

.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container button {
  position: relative;
  top: 4px;
  height: 20px;
  width: 20px;
  background-color: #F5F5F5;
  border: none;
  border-radius: 3px;
  margin-top: 1px;

}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container button:hover, .modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container button:active, .modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container button:focus {
  background-color: #d0d0d7;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container button i {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 12px;
  transform: translate(-50%, -50%);
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0px 5px;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .left-container h3 {
  font-size: 18px;
  line-height: 21px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #373E4A;
  margin: 0;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container #modal-ticket-list-info-header {
  display: flex;
  flex-direction: row;
  gap: 14px;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container #modal-ticket-list-info-header span {
  font-size: 18px;
  line-height: 21px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #373E4A;
  margin: 0 !important;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container #modal-ticket-list-info-header span#modal-ticket-list-info-header-total-price {
  position: relative;
  top: 4px;
  padding-top: 1px;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container #modal-ticket-list-info-header i {
  margin: 0;
}
.modal.customized .modal-dialog .modal-content .modal-header .main-container .right-container #modal-ticket-list-info-header i.entype-addon-dot::before {
  position: relative;
  top: 4px;
}

.modal.customized .modal-dialog .modal-content .modal-body {
    padding: 0;
    border-top: 1px solid #e5e5e5;
}

.modal.customized .modal-dialog .modal-content .modal-body .content-container .order-info-panel h3 {
    font-size: 15px;
    line-height: 39.14px;
    font-family: inherit;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #373E4A;
    margin: 0;
    margin-bottom: 0px;
}

.icon-background .spinner {
    position: relative;
    width: 100%;
    height: 100%;
}

.icon-background .spinner .circle {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #fff;
    border-top-color: #B9B9B9;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

#modal-ticket-list .modal-body {
    padding: 0;
}

#modal-ticket-list .modal-body ul.nav-tabs li a {
    display: flex;
    gap: 7px;
    padding: 10px 10px;
}

#modal-ticket-list .modal-body ul.nav-tabs li a span {
    font-size: 12px;
    line-height: 16px;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: 0px;
    color: #373E4A;
    color: #1F272D;
}
#modal-ticket-list .modal-body ul.nav-tabs li a span.tab-name {
    position: relative;
    top: 4px;
}

#modal-ticket-list .modal-body ul.nav-tabs li a span.badge {
    position: relative;
    width: 23px;
    height: 23px;
}

#modal-ticket-list .modal-body ul.nav-tabs li a span.badge span {
  font-size: 11px;
  line-height: 16px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0px;
  color: #373E4A;
  color: rgba(0, 0, 0, 0.87);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#modal-ticket-list .modal-body .modal-ticket-list-tab-content {
  border: none;
}

#modal-ticket-list .modal-body .modal-ticket-list-tab-content .tab-pane .form-wizard .steps-progress + ul li a span {
  width: 35px;
  height: 35px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment {
  margin-bottom: 31px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-progress .progress-indicator {
  background-color: #B9B9B9;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list {
  display: flex;
  width: 100%;
  position: relative;
  left: 67px;
  max-width: 548px;
  gap: 51%;
  top: -22px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li {
  display: block;
  width: initial;
  position: relative;
  top: 17px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li.active .step-item:after {
  width: 45px;
  height: 45px;
  background-color: #EBEBEB;
  border-radius: 100%;
  content: "";
  z-index: 1;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li.active .step-item:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 35px;
  height: 35px;
  opacity: 1;
  transition: 0.2s;
  content: "";
  border-radius: 100%;
  z-index: 3;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li.active .step-item .section-name {
  color: #373E4A;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li.completed .step-item::after {
  width: 35px;
  height: 35px;
  background-color: #B9B9B9;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li.completed .step-item::before {
  opacity: 0;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li.completed .step-item .section-number {
  color: #fff;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li .step-item:after {
  width: 35px;
  height: 35px;
  transition: 0.2s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #EBEBEB;
  border-radius: 100%;
  content: "";
  z-index: 1;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li .step-item:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 35px;
  height: 35px;
  opacity: 0;
  transition: 0.2s;
  content: "";
  border-radius: 100%;
  z-index: 3;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li .step-item .section-number {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  line-height: 15px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 0px;
  color: #373E4A;
  color: #525252;
  z-index: 3;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment #rootwizard .steps-list li .step-item .section-name {
  position: absolute;
  top: calc(100% + 38px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 15px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 0px;
  color: #373E4A;
  color: #ABABAB;
  min-width: 200px;
  transition: 0.2s;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers {
  margin-top: 100px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.success .icon-background {
  background-color: #00A651;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.success .icon-background svg rect, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.success .icon-background svg path {
  fill: #fff;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.success .heading-container p:nth-of-type(1) {
  color: #00A651;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.error .icon-background {
  background-color: #AC1818;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.error .icon-background svg rect, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.error .icon-background svg path {
  fill: #fff;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.error .heading-container p:nth-of-type(1) {
  color: #AC1818;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.in-progress .icon-background:after, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.ready .icon-background:after {
  content: "";
  width: 58px;
  height: 58px;
  background-color: #fff;
  z-index: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.in-progress .icon-background svg, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.ready .icon-background svg {
  z-index: 2;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.in-progress .icon-background svg rect, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.in-progress .icon-background svg path, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.ready .icon-background svg rect, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container.ready .icon-background svg path {
  color: #1F272D;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .icon-background {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background: #EBEBEB;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.2s;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .icon-background:after {
  content: "";
  width: 0;
  height: 0;
  transition: 1s;
  animation-timing-function: ease-in-out;
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .icon-background svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .icon-background svg rect, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .icon-background svg path {
  transition: 0.2s;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .heading-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .heading-container p {
  margin: 0;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .heading-container p:nth-of-type(1) {
  font-size: 19px;
  line-height: 21px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -0.02px;
  color: #373E4A;
  transition: 0, 2s;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-payment-message-container .heading-container p:nth-of-type(2) {
  font-size: 14px;
  line-height: 21px;
  font-family: inherit;
  font-weight: 400;
  letter-spacing: -0.02px;
  color: #373E4A;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group {
  border-collapse: initial;
  display: flex;
  margin-top: 32px;
  gap: 16px;
  justify-content: center;
  margin-bottom: 0;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group .input-group {
  max-width: 222px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group .input-group .input-group-addon {
  font-size: 15px;
  line-height: 18px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -0.01px;
  color: #373E4A;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group .input-group input[type=text] {
  font-size: 15px;
  line-height: 18px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -0.01px;
  color: #373E4A;
  color: #555555;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group .input-group input:disabled {
  background-color: rgba(235, 235, 235, 0.6);
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button {
  font-size: 15px;
  line-height: 15px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -0.01px;
  color: #373E4A;
  color: #fff;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button.disabled {
    background-color: #F5F5F6;
    border-color: #F5F5F5;
    pointer-events: none;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button.disabled:hover {
    cursor: not-allowed;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button.disabled span {
    color: rgba(48, 54, 65, 0.2);
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn {
    display: none;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn .fa-spinner {
    display: none;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn.in-progress {
    background-color: #F5F5F6;
    border-color: #F5F5F5;
    pointer-events: none;
    position: relative;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn.in-progress:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #F5F5F6;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn.in-progress:before:hover {
    cursor: not-allowed;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn.in-progress .fa-spinner {
    display: block;
    position: absolute;
    left: 28%;
    top: 20%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-abort-btn.in-progress .fa-spinner:before {
    font-size: 25px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-completed-btn, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .form-group button#pos-payment-try-again-btn {
    display: none;
    min-height: 41px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .form-group button#pos-payment-completed-btn span, #modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .form-group button#pos-payment-try-again-btn span {
    color: #000;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .summary-container {
    display: none;
    margin-top: 32px;
    text-align: center;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .summary-container p {
    margin: 0;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .summary-container p:nth-of-type(1) {
    font-size: 25px;
    line-height: 21px;
    font-family: inherit;
    font-weight: 700;
    letter-spacing: -0.02px;
    color: #373E4A;
    color: #1F272D;
    margin-bottom: 8px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .summary-container p:nth-of-type(2) {
    font-size: 14px;
    line-height: 21px;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: -0.02px;
    color: #373E4A;
    color: #949494;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    border: 1px solid #E5E5E5;
    width: 100%;
    margin-top: 56px;
    padding: 16px;
    position: relative;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(235, 235, 235, 0.6);
    transition: 0.2s;
    animation-timing-function: ease-in-out;
    opacity: 0;
    pointer-events: none;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container.disabled:before {
    opacity: 1;
    pointer-events: initial;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container.disabled .fa-spinner {
    display: block;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container.in-progress:before {
    opacity: 1;
    pointer-events: initial;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container.in-progress .fa-spinner {
    display: none;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container .fa-spinner {
    position: absolute;
    left: 46.5%;
    top: 30%;
    transform: translate(-50%, -50%);
    display: none;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container .fa-spinner::before {
    font-size: 40px;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container .input-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container .input-container label {
    font-size: 12px;
    line-height: 15px;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: -0.01px;
    color: #373E4A;
    color: #949494;
    margin: 0;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container .input-container select {
    width: 100%;
    height: 31px;
    font-size: 12px;
    line-height: 15px;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: -0.01px;
    color: #373E4A;
    color: #555555;
    background-color: #fff;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    transition: 0.2s;
}
#modal-ticket-list .modal-body .modal-ticket-list-tab-content #modal-pos-payment .payment-service-providers .pos-location-input-container .input-container select:disabled {
    background-color: #f3f3f3;
}

input[type=checkbox].custom-indeterminate {
  opacity: 0;
}
input[type=checkbox].custom-indeterminate + a:after {
  content: "";
  border: 1px solid #D3CFC8;
  border-radius: 3px;
  font-family: "entypo";
  font-size: 14px;
}
input[type=checkbox].custom-indeterminate:indeterminate + a:after {
  content: "\e819" !important;
  color: #2489c5 !important;
  padding-left: 2px !important;
  background-color: #fff !important;
  border: 1px solid #D3CFC8 !important;
  font-size: 17px !important;
  line-height: 15px !important;
  padding-top: 0 !important;
}
input[type=checkbox].custom-indeterminate:checked + a::after {
  color: #fff !important;
  border: none !important;
  content: "\e812" !important;
  background-color: #2489C5 !important;
  font-size: 12px !important;
  padding-left: 4px;
  padding-top: 2px;
}
input[type=checkbox].custom-indeterminate:checked:indeterminate + a::after {
  content: "\e819" !important;
  color: #2489c5 !important;
  padding-left: 2px !important;
  background-color: #fff !important;
  border: 1px solid #D3CFC8 !important;
  font-size: 17px !important;
  line-height: 15px !important;
  padding-top: 0 !important;
}

.access-right-container .panel-body .panel-group {
  margin-bottom: 0;
}
.access-right-container .panel-body .panel-group .root-panel {
  border-radius: 4px !important;
  max-width: 800px;
  padding: 0;
  margin-bottom: 20px;
  min-height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: none;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.access-right-container .panel-body .panel-group .root-panel .root-node:hover {
  cursor: pointer;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title {
  padding: initial;
  min-height: 44px;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 20px;
  min-height: 58px;
  border-bottom: 1px solid #ebebeb;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
    .access-right-container .panel-body .panel-group .root-panel .panel-title .form-check .override-tag, .permission-list .permission-item .override-tag {
        width: 73px;
        height: 22px;
        background: #EBEBEB;
        border-radius: 100px;
        position: relative;
        top: 0;
        display: inline-flex;
        flex-direction: row;
        gap: 5px;
        justify-content: center;
        align-items: center;
        opacity: 0;
        margin-left: 11px;
        transition: 0.2s;
    }
.module-list-override-tag {
    width: 73px;
    height: 22px;
    background: #EBEBEB;
    border-radius: 100px;
    position: relative;
    top: 0;
    display: inline-flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 11px;
}
#giftcardgroup-access-ids-selectable, #giftcardgroup-access-ids-selection, #paymenttype-access-ids-selectable, #paymenttype-access-ids-selection {
    color: #222;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 20px;
}
.module-list-override-tag p {
    margin: 0;
    font-size: 9px;
    color: #3A3F4A;
}
input[type=checkbox].custom-indeterminate {
  opacity: 0;
}
input[type=checkbox].custom-indeterminate + a:after {
  content: "";
  border: 1px solid #D3CFC8;
  border-radius: 3px;
  font-family: "entypo";
  font-size: 14px;
}
input[type=checkbox].custom-indeterminate:indeterminate + a:after {
  content: "\e819" !important;
  color: #2489c5 !important;
  padding-left: 2px !important;
  background-color: #fff !important;
  border: 1px solid #D3CFC8 !important;
  font-size: 17px !important;
  line-height: 15px !important;
  padding-top: 0 !important;
}
input[type=checkbox].custom-indeterminate:checked + a::after {
  color: #fff !important;
  border: none !important;
  content: "\e812" !important;
  background-color: #2489C5 !important;
  font-size: 12px !important;
  padding-left: 4px;
  padding-top: 2px;
}
input[type=checkbox].custom-indeterminate:checked:indeterminate + a::after {
  content: "\e819" !important;
  color: #2489c5 !important;
  padding-left: 2px !important;
  background-color: #fff !important;
  border: 1px solid #D3CFC8 !important;
  font-size: 17px !important;
  line-height: 15px !important;
  padding-top: 0 !important;
}

.module-buttons-submit.module-buttons-submit-centred {
  position: relative;
  max-width: 600px;
  left: 50%;
  transform: translateX(-50%);
}

.access-right-container .panel-body .panel-group {
  margin-bottom: 0;
}
.access-right-container .panel-body .panel-group .root-panel {
  border-radius: 4px !important;
  max-width: 800px;
  padding: 0;
  margin-bottom: 20px;
  min-height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: none;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.access-right-container .panel-body .panel-group .root-panel .root-node:hover {
  cursor: pointer;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title {
  padding: initial;
  min-height: 44px;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 20px;
  min-height: 58px;
  border-bottom: 1px solid #ebebeb;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check .override-tag {
  width: 73px;
  height: 22px;
  background: #EBEBEB;
  border-radius: 100px;
  position: relative;
  top: 0;
  display: inline-flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
  opacity: 0;
  margin-left: 11px;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check .override-tag p, .permission-list .permission-item .override-tag p {
  margin: 0;
  font-size: 9px;
  color: #3A3F4A;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check input {
  margin: 0;
  width: 16px;
  height: 16px;
  position: relative;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check input:hover {
  cursor: pointer;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a {
  font-size: 15px;
  line-height: 1.133;
  font-weight: 600;
  color: #373E4A;
  display: inline-block;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a.no-kids:hover {
  cursor: default !important;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a.no-kids:before {
  content: initial;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a:hover, .access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a:active, .access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a:focus {
  outline: none;
  border: none;
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a.collapsed:before {
  transform: rotate(180deg);
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a:before {
  content: "\e877";
  position: absolute;
  right: 21px;
  top: 0;
  color: #949494;
  font-family: "entypo";
  font-size: 18.5px;
  transition: 0.2s;
  transform: rotate(0deg);
}
.access-right-container .panel-body .panel-group .root-panel .panel-title .form-check a:after {
  content: "";
  font-family: "Entypo";
  font-size: 16px;
  line-height: 1;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  display: inline-block;
  pointer-events: none;
  position: absolute;
  left: 0;
  font-weight: normal;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .child-panel .panel-heading .panel-title {
  max-height: 44px;
  min-height: 44px;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .child-panel .panel-heading.has-children {
  background-color: #F9F9F9;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .child-panel .panel-heading:first-of-type .panel-title {
  border-top: none !important;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .child-panel .panel-heading:last-of-type .panel-title {
  border-bottom: 1px solid #ebebeb !important;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .panel-group .panel {
  border: none;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .panel-group .panel .panel-heading {
  border-radius: initial;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .panel-group .panel .panel-heading:first-of-type .panel-title {
  border-top: 1px solid #ebebeb;
}
.access-right-container .panel-body .panel-group .root-panel .panel-collapse .panel-group .panel .panel-title a {
  font-weight: 400;
  font-size: 12px;
  line-height: 1 !important;
  display: inline-flex;
  flex-direction: row;
}

.sale-icon.hover {
    transform: scale(1.1);
}

.sale-icon {
    transition: transform 0.2s ease-in-out;
    align-items: center;
}

#user-permissions, #user-access-functions, #usergroup-permissions {
  margin: 20px 0;
}
#user-permissions .user-permission-category-container, #user-access-functions .user-permission-category-container, #usergroup-permissions .user-permission-category-container {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 30px;
  padding: 0;
}
#user-permissions .user-permission-category-container li .permission-category-container, #user-access-functions .user-permission-category-container li .permission-category-container, #usergroup-permissions .user-permission-category-container li .permission-category-container {
  max-width: 800px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #EBEBEB;
  border-radius: 4px;
}
#user-permissions .user-permission-category-container li .permission-category-container .header-container, #user-access-functions .user-permission-category-container li .permission-category-container .header-container, #usergroup-permissions .user-permission-category-container li .permission-category-container .header-container {
  display: flex;
  align-items: center;
  height: 58px;
  border-bottom: 1px solid #EBEBEB;
  padding: 0 20px;
}
#user-permissions .user-permission-category-container li .permission-category-container .header-container p, #user-access-functions .user-permission-category-container li .permission-category-container .header-container p, #usergroup-permissions .user-permission-category-container li .permission-category-container .header-container p {
  margin: 0;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  color: #1F272D;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item {
  padding: 20px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item label, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item label, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item label {
  padding: 0;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #222222;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container::before, #user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container:after, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container::before, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container:after, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container::before, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container:after {
  content: initial !important;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable, #user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selection, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selection, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selection {
  width: 350px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable .ms-list, #user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selection .ms-list, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable .ms-list, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selection .ms-list, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable .ms-list, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selection .ms-list {
  width: 100% !important;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable {
  margin: 0;
  display: flex;
  flex-direction: column;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable:after, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable:after, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable:after {
  right: -37px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable .form-control, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable .form-control, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #giftcardgroup-access-container .ms-container .ms-selectable .form-control {
  margin: 0;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container::before, #user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container:after, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container::before, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container:after, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container::before, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container:after {
    content: initial !important;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable, #user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selection, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selection, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selection {
    width: 350px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable .ms-list, #user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selection .ms-list, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable .ms-list, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selection .ms-list, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable .ms-list, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selection .ms-list {
    width: 100% !important;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable {
    margin: 0;
    display: flex;
    flex-direction: column;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable:after, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable:after, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable:after {
    right: -37px;
}

#user-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable .form-control, #user-access-functions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable .form-control, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-item #paymenttype-access-container .ms-container .ms-selectable .form-control {
    margin: 0;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-list, #user-access-functions .user-permission-category-container li .permission-category-container .permission-list, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-list li:last-of-type .permission-item, #user-access-functions .user-permission-category-container li .permission-category-container .permission-list li:last-of-type .permission-item, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-list li:last-of-type .permission-item {
  border-bottom: none;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-list li .permission-item, #user-access-functions .user-permission-category-container li .permission-category-container .permission-list li .permission-item, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-list li .permission-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  border-bottom: 1px solid #EBEBEB;
  padding: 0 20px;
}
#user-permissions .user-permission-category-container li .permission-category-container .permission-list li .permission-item label, #user-access-functions .user-permission-category-container li .permission-category-container .permission-list li .permission-item label, #usergroup-permissions .user-permission-category-container li .permission-category-container .permission-list li .permission-item label {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #222222;
  padding: 0;
  margin: 0;
}

.btn-group-toggle .btn {
    border: 2px solid #f3f3f3;
    color: #303641;
    border-radius: 5px;
}

.btn-group-toggle .btn.active {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    box-shadow: none; /*Something from neon.css applying this*/
}

.pending-payment-email-print {
    display: flex;
    align-content: center;
    flex-direction: column;
    gap: 10px;
}

.pending-payment-email-print div {
    margin: 0px !important;
}

#bank-import-results-div table {
    width: 100%;
    border-collapse: collapse;
}

#bank-import-results-div thead {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
}

.allocation-include-exclude {
    display: flex;
    align-content: center;
    gap: 20px;
    margin-top: 10px;
}

.allocation-include-exclude div {
    margin: 0px !important;
}

.allocation-input-filter-div input {
    width: 100% !important;
}

.allocations-popup-button button {
    background: none;
    border: none;
    color: black;
}


#modal-moto-payment {
    padding: 24px 0;
}
#modal-moto-payment .form-horizontal .tab-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#modal-moto-payment .form-horizontal .tab-content .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    max-width: 640px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#modal-moto-payment .form-horizontal .tab-content .form-group.s-narrow {
    transform: translateX(calc(-50% - 30px));
    justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
    #modal-moto-payment .form-horizontal .tab-content .form-group.s-narrow {
    transform: translateX(-50%);
    }
}
#modal-moto-payment .form-horizontal .tab-content .form-group #moto-security-code, #modal-moto-payment .form-horizontal .tab-content .form-group #moto-expiration-date {
    max-width: 100px;
}
#modal-moto-payment .form-horizontal .tab-content .form-group .card-providers-container {
    display: flex;
    flex-direction: row;
    gap: 4px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
#modal-moto-payment .form-horizontal .tab-content .form-group #btn-moto-payment {
    margin-left: 30px;
}
#modal-moto-payment .form-horizontal .tab-content .form-group #btn-moto-payment:disabled {
    background-color: #EEEEEF;
    color: rgba(148, 148, 148, 0.3);
    border-color: #EEEEEF;
}
#modal-moto-payment .form-horizontal .tab-content .form-group #moto-sale-type-dropdown {
    top: 100%;
    right: 0;
    left: auto;
}
#modal-moto-payment .form-horizontal .tab-content .form-group label {
    padding: 0;
    text-align: initial;
    display: inline-block;
    min-width: 130px;
    text-align: right;
    color: #1F272D;
    margin-right: 30px;
}
#modal-moto-payment .form-horizontal .tab-content .form-group .input-amount-container {
    width: 100%;
    position: relative;
}
#modal-moto-payment .form-horizontal .tab-content .form-group .input-amount-container #moto-payment-amount {
    padding-left: 20px;
}
#modal-moto-payment .form-horizontal .tab-content .form-group .input-amount-container p {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.parent .form-group label {
    white-space: nowrap;
    position: relative;
    margin: 0;
    overflow: hidden;
    display: block;
}

.parent .form-group {
    margin: 0;
    padding: 7px 6px;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 1226px) {
    .row .col-md-8 .parent {
        column-count: 3;
    }
}

@media only screen and (max-width: 1225px) {
    .row .col-md-8 .parent {
        column-count: 2;
    }
}

@media only screen and (max-width: 720px) {
    .row .col-md-8 .parent {
        column-count: 1;
    }
}

a.select2-search-choice-close {
    margin-top: -7px !important;
    margin-left: 1px !important;
}
li.select2-search-choice {
    margin-top: 1px !important;
}
.alert-informative {
    background-color: rgba(250, 137, 23, 0.2);
    border: #FA8917;
    color: rgb(87, 72, 2);
}

.content-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    padding: 0px 15px 0px 15px;
    max-height: 700px;
}

.order-info-panel {
    width: 280px;
    padding: 24px 0 0 15px;
    border-left: 1px solid #ebebeb;
}

.data-container {
    flex-grow: 1;
    margin: 20px 15px 0 0;
}

.order-info-panel i {
    margin-right: 5px;
}

.order-info-panel .order-info-list {
    overflow-y: auto;
    max-height: calc(100% - 38px);
    padding-bottom: 10px;
}

.order-info-panel .order-info-list .content-box {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    color: #000000;
}

.order-info-panel .order-info-list .btn {
    margin-top: 10px;
    width: 240px;
}

.order-info-panel .btn {
    padding-top: 5px
}

.order-info-panel .content-box {
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
}
.order-info-panel .order-info-benefits {
    background-color: #FFF3E0;
    color: #E65100;
}

.order-info-panel .order-info-product-recommendations {
    background-color: #FFFFFF;
}

.order-info-panel .order-info-ticket-count {
    background-color: #FFFDE7;
}

.order-info-panel .order-info-basket-rules {
    background-color: #E3F2FD;
}

.order-info-panel .order-info-fee-difference {
    background-color: #E3F2FD;
}

.order-info-panel .order-info-age-restriction {
    background-color: #FFFDE7;
}

.order-info-panel .order-info-basket-rules .order-info-header {
    color: #1565C0;
}

.order-info-panel .order-info-benefits .order-info-header {
    color: #EF6C00;
}

.order-info-panel .order-info-ticket-count .order-info-header {
    color: #F9A825;
}

.order-info-panel .order-info-fee-difference .order-info-header {
    color: #1565C0;
}

.order-info-panel .order-info-age-restriction .order-info-header {
    color: #F57F17;
}

.order-info-panel .order-info-fee-difference .btn {
    background-color: #1565C0;
    color: #FFFFFF;
}

.order-info-panel .order-info-product-recommendations .btn {
    background-color: #EBEBEB;
    color: #000000;
}

.order-info-panel .order-info-header {
    font-size: 13px;
    padding-bottom: 5px;
}

.dropdown-menu {
    box-shadow: 0 2px 7px rgba(0,0,0,.06);
}
.column-filters-dropdown {
    float: left;
    margin: 0 10px;
    color: #555555;
}
.column-filters-dropdown .dropdown-menu { padding: 0 !important; }
.column-filters-dropdown > a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.column-filters-dropdown a {
    color: #555555;
}
.column-filters-dropdown-menu {
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    max-height: 292px; 
    gap: 10px;
    padding: 10px;
}

.column-filters-dropdown-menu label {
    margin: 0;
    display: flex;
    color: #555555;
    margin: -5px -10px;
    padding: 5px 10px;
}
.column-filters-dropdown-menu label:hover {
    cursor: pointer;
    background: #EBEBEB;
}
.column-filters-dropdown-menu label > * {
    display: inline;
}
.dropdown-divider {
    border-top: 1px solid #EBEBEB;
    margin: 0 -10px;
}
.column-filters-dropdown-menu input[type="checkbox"] {
    margin: 0px 7px 0px 0px;
}
.dropdown-item {
    align-items: center;
}
.export-data .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.coupon-button {
    background: white;
    border: 1px solid rgb(235, 235, 235);
    font-weight: bold;
    color: #111;
    display: flex;
    gap: 5px;
    align-items: center;
}

.chip {
    display: inline-block;
    padding: 2px 8px;
    margin: 4px;
    border-radius: 16px;
    font-size: 12px;
    text-align: center;
    cursor: default;
}

/* Green chip with white text */
.chip-green {
    background-color: #00a65a;
    color: white;
}

/* Orange chip with white text */
.chip-orange {
    background-color: #ffa812;
    color: white;
}

/* Gray chip with black text */
.chip-gray {
    background-color: #F5F5F5;
    color: #8f8f8f;
}
#form-crmapi-edit .section-heading,
#form-posapikey-edit .section-heading,
#form-venuemanagement-edit .section-heading {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-top: 16px;
    color: #1F272D;
    padding-left: 10px;
    font-size: 21px;
    font-weight: 500;
    line-height: 32px;
}
#form-crmapi-edit .section-heading:not(.top-heading),
#form-posapikey-edit .section-heading:not(.top-heading),
#form-venuemanagement-edit .section-heading:not(.top-heading) {
    padding-top: 32px;
}
#form-crmapi-edit p,
#form-posapikey-edit p {
    margin: 0;
    color: #1F272D;
}

.simple-flex-container {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.flex-6 {
    flex: 6;
}

/* Add padding for horizontal forms */
.form-horizontal .simple-flex-container .flex-1,
.form-horizontal .simple-flex-container .flex-2,
.form-horizontal .simple-flex-container .flex-3,
.form-horizontal .simple-flex-container .flex-4,
.form-horizontal .simple-flex-container .flex-5,
.form-horizontal .simple-flex-container .flex-6 {
    padding-left: 6px;
    padding-right: 6px;
}
.form-horizontal .simple-flex-container .flex-1:first-child,
.form-horizontal .simple-flex-container .flex-2:first-child,
.form-horizontal .simple-flex-container .flex-3:first-child,
.form-horizontal .simple-flex-container .flex-4:first-child,
.form-horizontal .simple-flex-container .flex-5:first-child,
.form-horizontal .simple-flex-container .flex-6:first-child {
    padding-left: initial;
}

.form-horizontal .simple-flex-container .flex-1:last-child,
.form-horizontal .simple-flex-container .flex-2:last-child,
.form-horizontal .simple-flex-container .flex-3:last-child,
.form-horizontal .simple-flex-container .flex-4:last-child,
.form-horizontal .simple-flex-container .flex-5:last-child,
.form-horizontal .simple-flex-container .flex-6:last-child {
    padding-right: initial;
}

/* Highcharts menu */
ul.highcharts-menu hr {
    margin-top: 7px;
    margin-bottom: 7px;
}

/* Adjust the padding of the labels in forms that have the switch, inconsistent with other values */
.form-group:has(.make-switch) > label {
    padding-top: 4px;
}

.ticket-row.item-row.group-child td:first-child::before,
.ticket-row.item-row.group-child td:last-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
}

.ticket-row.item-row.group-child td:last-child::after {
    left: auto;
    right: 0;
}

.ticket-group-row-open td:first-child,
.ticket-group-row-open td:last-child {
    position: relative;
}

.ticket-group-row-open td:first-child::before,
.ticket-group-row-open td:last-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
}

.ticket-group-row-open td:last-child::after {
    left: auto;
    right: 0;
}

.ticket-group-row {
    cursor: pointer;
}

.ticket-group-subscription-wrapper {
    max-width: 470px;
}

.ticket-group-subscription-content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.ticket-group-subscription-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 470px;
    min-width: 0;
}

.sub-event-count {
    flex-shrink: 0;
    margin-left: 10px;
 }

table.ticket-table-for-print td:nth-child(1),
table.ticket-table-for-print th:nth-child(1) {
    display: none;
}

#reservation-window-group-by-inside {
    height: 31px;
    max-width: 250px;
    padding-top: 15px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-right: 4px;
    float: left;
}


#reservation-window-group-by-select-container {
    max-width: 200px;
    float: left;
}

#reservation-window-group-by-select {
    width: 90px;
    color: #303641;
    opacity: 0.0;
    position: absolute;
    z-index: 300;
    cursor: pointer;
}

#reservation-window-group-by-name {
    max-width: 200px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    color: #303641;
}

#reservation-window-group-by-arrows {
    margin-left: 10px;
    font-size: 14px;
    float: right;
    cursor: pointer;
    color: #303641;
}

#btn-show-customer-tag-notification {
    width: 34px;
}