/** IMPORTS */
@import 'reset.css';
@import 'colors.css';
@import 'icons.css';

/** CUSTOM ID-REFERENCES BEGIN */
#bee-plugin-container {width: 100%; height: 100%; position: absolute; top: 0; padding-top: 60px; overflow-y: hidden;}
#etab-emails-stats {padding-top: 40px;}
#gtabs-guests #quick-add-guest-form form {margin: 40px !important;}
#main-container { padding-bottom: 100px; overflow-x: clip; }
#map {width: 100%; height: 100%; height: calc(100% - 0px);}
#delete_img {display: none;}
#save_snap {display: none;}
#canvas_raw {display: none;}
#page-autosave-indicator {display: none; padding: 2px;}
#group-preview {margin-bottom: 4rem !important; padding-bottom: 2rem !important;}
#eventList-label {font-size:15px;}
#clear-search {display: block;}
/** CUSTOM ID-REFERENCES END */

/** CUSTOM LOOSE CSS BEGIN */
.page-info-wrapper {/*max-width: 980px; width:66%;*/ padding: 10px 50px/*70px*//*40px*/; /*margin-left:auto;margin-right:auto;*/}
.page-info-wrapper>div {padding-left:0px; padding-right:0px;}
/*.page-info-wrapper .page-heading {width: 66%;}*/
/*.page-heading h2 {text-align: center;}*/

/** TODO: check where hiding the page info is still wanted/needed! */
.page-info-wrapper .page-info {display: none;}

.overview.page-title.items-push > div {margin-top: 0px !important;margin-bottom: 0px !important;  }
.overview.page-title .h2.page-heading {margin-top: 0px;margin-bottom: 0px ;  }
.overview.page-title .h2.page-heading h2 {margin-top: 20px;margin-bottom: 20px; }

.fc .fc-toolbar h2 { font-size: 20px; line-height: 20px; }
.fc .fc-view-container .fc-view.fc-listWeek-view .fc-scroller { height: auto !important; }

.shown-cols-label { padding: 0px 40px; }
.selected-groups-label { padding: 0px; }
.shown-cols-select { padding: 0px 40px; }
.list-name { padding: 0px 40px; }
.list-name-label { padding: 0px 40px; }

.passportFrame {border: 4px dashed white; width: 200px; height: 258px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.passportImg {display: none; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; max-height: 280px;}
.placeholder {max-height: 300px; width: auto; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;}

.btn-bee-editor-back {margin-bottom: 20px;}
.btn-group-bee a {padding: 0 !important;}
.bee-h5-title {padding: 8px 0;}

.side-header img {width: 100%; height: auto;}

.sticky-status-footer {position: fixed; bottom: -30px; z-index: 10;}
.sticky-status-footer-block {margin-bottom: 105px;}
.sticky-language-switch {position: fixed; bottom: 20px; width: 100%;}

.sticky-language-switch ul,
.control-buttons,
.tab-pane-control-buttons {margin: 0; padding: 0; list-style-type: none; text-align: center;}

.sticky-language-switch ul li,
.control-buttons li,
.tab-pane-control-buttons li { display: inline; cursor: pointer;}
.tab-pane-control-buttons {text-align: right;}
.tab-pane-control-buttons {padding-bottom: 20px;}

.logo-single-subscription {width: 240px;}
.logo-normal-subscription {width: 100%;}

.notificationUi {position: fixed; z-index: 999; float: right; right: 0px; top: 60px; width: 380px;}
.notificationUi h3 {font-size: 50px;}

.contact-image-holder {height: 80px; width: 80px; display: inline-block; float: right; margin-top: -80px; border-radius: 60px; overflow: hidden;}
.contact-image-holder img {margin-left: -5px; margin-top: -5px;}
.contact-image-holder > .overlay-contact-imageHolder {margin-left: -5px; margin-top: -80px; z-index: 99; width: 80px; height: 80px; opacity: 0.8; text-align: center; cursor: pointer; display: none;}
.contact-image-holder:hover > .overlay-contact-imageHolder {display: table;}
.contact-image-holder > .overlay-contact-imageHolder > span {display: table-cell; vertical-align: middle;}

.btn-info.expand-block {border:none;}
.btn-info.expand-block#toggleParticipationGraphTable,
.btn-info.expand-block#toggleParticipationGraphConfirmedTable {line-height:1;}

.exportProgressBar {height:24px; overflow:hidden;}
/** CUSTOM LOOSE CSS END */

/** CUSTOM ROUNDED BUTTONS BEGIN */
body.registration .registrationbox button.btn-primary,
body.registration .registrationbox button.btn-primary,
body.login .loginbox button.btn-primary,
#gtabs-guests #quick-add-guest-form form button[type=submit].btn.btn-primary,
#main-container .btn.btn-rounded {border-radius: 20px; display: inline-block; padding: 2px 15px; margin: 0 10px 10px 0; font-size: 15px; font-weight: 400; line-height: 1.7; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; transition: border 0.5s ease, color 0.5s ease;}

/*body.login .loginbox button.btn-primary,*/
/*#gtabs-guests #quick-add-guest-form form button[type=submit].btn.btn-primary,*/
#main-container>.content {padding-left:0px; padding-right:0px;}

body.registration .registrationbox button.btn-primary i + span,
body.login .loginbox button.btn-primary i + span,
#main-container .btn.btn-rounded i + span {margin-left:10px;}

body.registration .registrationbox button.btn-primary::before,
body.login .loginbox button.btn-primary::before {width: 30px; height: 20px; top: 4px; padding: 0 10px 0 0; position: relative; vertical-align: text-top; box-sizing: border-box;}

body.registration .registrationbox button.btn-primary:hover {padding: 2px 15px;}
body.registration .registrationbox button.btn-primary:hover,
body.login .loginbox button.btn-primary:hover {padding: 2px 15px;}

#gtabs-guests #quick-add-guest-form form button[type=submit].btn.btn-primary:hover,
body.registration .registrationbox button.btn-primary:hover,
body.login .loginbox button.btn-primary:hover,
.quick-actions .btn:hover,
/*.multiselect-actions .btn:hover,*/
#main-container .content a:hover .btn.btn-rounded,
#main-container .btn.btn-rounded:hover {transition: border 0.25s ease, color 0.25s ease; }
/** CUSTOM ROUNDED BUTTONS END */

/** REGISTRATION & LOGIN VIEW BEGIN */
body.registration,
body.login {background-image: url('/en/login_background'); background-size: cover;}
body.registration .registrationbox,
body.login .loginbox {width: 100%; padding: 40px; text-align: center; border-radius: 40px;}
body.registration .registrationbox {max-width: 820px !important;}
body.login .loginbox {max-width: 520px !important;}
/** REGISTRATION & LOGIN VIEW END */

/** QUICK/MULTISELECT/DETAIL ACTIONS BEGIN */
.multiselect-actions .col-xs-6 {width:auto;}
.multiselect-actions .col-xs-6 .h2.page-heading {margin-top:2px/*10px*/; margin-bottom: 0px;}
.multiselect-actions .col-xs-6 .h2.page-heading h2 {margin-bottom: 0px; display: inline-block; vertical-align: middle; }
.multiselect-actions .col-xs-6.selectAllElementsLink {margin-top:4px/*2px*/;}
.multiselect-actions>.col-xs-6,
.multiselect-actions .col-xs-6 .h2.page-heading h2,
.multiselect-actions .btn { font-size:15px; /*font-size: 26px; line-height: 48px;*/ }

.multiselect-actions>.col-xs-6,
.multiselect-actions .btn { line-height: 18px;}
.multiselect-actions .col-xs-6 .h2.page-heading h2 {line-height: 40px;}

.multiselect-actions .btn.eb i::before { font-size: 18px; line-height: 18px;}

.content .quick-actions { padding: 15px; margin-bottom:0px;/*margin: 0 auto 40px auto;*//* padding: 15px 10px;*/ text-align: right/*center*/; }
.content .quick-actions .btn.eb {padding:9px 14px; margin-left:18px; }

#main-container .content .multiselect-actions { /*margin: 0 auto 40px auto; padding: 15px 25px; display:table-row;*/ /*width:100%;*/}
#main-container .content .multiselect-actions>.col-sm-6,
#main-container .content .multiselect-actions>.col-xs-6
{display:table-cell; /*float:none;*/ padding-left: 0px; padding-right: 16px/*30px*/; line-height: 36px; /*padding-bottom:15px;*/}

#main-container .content .details-actions {padding: 15px; margin-bottom:0px;/*margin: 0 auto 40px auto;*//* padding: 15px 10px;*/ text-align: right/*center*/;}
/*#main-container .content .details-actions { margin: 0 auto 40px auto; padding: 15px 10px; text-align: left; max-width:980px; width: 66%; }*/
.content .quick-actions > div {margin-bottom: 0px;}
/* -7px because of https://git.webandco.com/imt/imt001/-/issues/731#note_70622 */
#main-container .content .details-actions .form-group { margin-bottom:-7px; width:auto; /*float:left;*/display: inline-block; }

#main-container .content .details-actions .btn.eb {
    padding:9px 14px;
    margin-left:18px;
    border-radius: 5px;
}

#main-container .btn.btn-rounded.btn-squared
{position:relative; width:64px; height:64px; margin:2px 5px; padding:2px; text-transform:lowercase; font-size: 10px; line-height: 10px; font-weight: 400; text-align: center; border-radius: 7px;}
#main-container .btn.btn-rounded.btn-squared i
{bottom:2px; position:absolute; top:10px; left:22px; display:inline-block; font-size:20px; line-height:20px; }
#main-container .btn.btn-rounded.btn-squared.btn-squared-big
{ margin:10px; width:150px; height:150px; font-size: 16px; line-height: 20px; font-weight: 600; border-radius: 15px; text-transform: none;}
#main-container .btn.btn-rounded.btn-squared.btn-squared-big i,
.quick-actions .btn.btn-rounded.btn-squared.btn-squared-big i { opacity:0.4; top: 40px; left:50px; font-size:30px; line-height:30px; }
#main-container .btn.btn-rounded.btn-squared i + span,
.quick-actions .btn.btn-rounded.btn-squared i + span
{margin-left:0px; position:absolute; bottom:0px; left:0px; width:100%; height:40%; display:inline-block;white-space: normal; vertical-align: top;}
#main-container .btn.btn-rounded.btn-squared.btn-squared-big i + span
{margin-left: 10px; margin-right: 10px; width: calc(100% - 20px);}

/*.btn.contact-create i + span {font-size:15px; line-height:15px;}*/
/*.btn.contacts-export i + span {width:90%; padding-left:10%; padding-right:10%;}*/

/*
.btn.guests-disable-submodule-entries i,
.btn.guests-delete-selected i,
.btn.contacts-delete-selected i,
.btn.guest-create i.guest-create
{width:32px; height:32px; position:absolute; top:5px; left:15px; opacity:0.4; }
*/
/*
.btn.guests-disable-submodule-entries i {top: 10px;}
.btn.guests-enable-submodule-entries i {top: 10px;}
.btn.guests-enable-submodule-entries i + span {padding-left:20%; padding-right:20%;}
*/


/*
.btn.guest-send-confirmation i:before,
.btn.guest-to-registration i {width:16px; height:16px; display:inline-block; top: 3px; position: relative;}
*/

#main-container .btn.btn-rounded.btn-squared.list-create i.list-create:before{width:20px; height:auto; position: relative; top: -5px; left: 0px; /*content: '\0066';*/}
#main-container .btn.btn-rounded.btn-squared:hover i,
#main-container .btn.btn-rounded.btn-squared:hover i:before,
.quick-actions .btn:hover i,
.quick-actions .btn:hover i:before {opacity:1 !important;}
#gtabs-guests #quick-add-guest-form form button[type="submit"].btn.btn-primary {text-transform: capitalize;}
.quick-actions .detail-form.email {max-width: 980px; width: 66%; padding: 10px 40px; margin-left: auto; margin-right: auto;}
.quick-actions .detail-form.email label {position:relative; top:7px; float: left; width: 20%; text-align: left; font-size: 16px; -webkit-transform: none; -ms-transform: none; transform: none;}
.quick-actions .detail-form.email .details-actions {margin-bottom:0px !important;}
/*.quick-actions .detail-form.email .form-group {margin-bottom:0px;}*/
.quick-actions .detail-form.email .form-material {margin:0px;}
.quick-actions .detail-form.email .form-control {max-width: 80%; background-color: transparent; border:none;}

.dataTables_wrapper .dataTables_filter label,
.quick-actions .btn.eb,
.quick-actions.btn.eb,
.dataTables_fields_wrapper .btn
{border-radius: 5px;}

/** QUICK/MULTISELECT/DETAIL ACTIONS END */

/** SUBMIT ICON STYLES? BEGIN */
.form-horizontal.detail-form button[type=submit].event-save i.event-save,
.form-horizontal.detail-form-notabs button[type=submit].contact-save i.contact-save,
.form-horizontal.detail-form button[type=submit].guest-save i.guest-save { display:inline-block; width:16px; height:16px; }
/** SUBMIT ICON STYLES? END */

/** EVENT DETAIL FORM BEGIN */
.form-horizontal.detail-form.event .form-material>label,
.form-horizontal.detail-form.event .form-group>div>label {text-transform: uppercase; font-size: 15px;padding-bottom: 10px;}
.form-horizontal.detail-form.event .form-group>div>label.css-input.css-checkbox {text-transform: initial;}
/** EVENT DETAIL FORM END */

/** DETAIL FORM BEGIN */
.form-horizontal.detail-form .form-control {padding-bottom: 5px; font-size: 16px;}
.form-horizontal.detail-form .form-material a {margin-bottom: 10px; font-size: 16px;}
.form-horizontal.detail-form .form-material > .form-control {padding-left:5px; }
.form-horizontal.detail-form .form-group.form-group-label {margin-bottom: 0px;}
.form-horizontal.detail-form .form-group.form-group-label .label-only {position:relative; text-transform: none; }
.form-horizontal.detail-form .form-group.form-group-label .label-only.block-title {font-weight: 600; width: 100%; font-size: 15px;}
.form-horizontal.detail-form .form-group.form-group-label .label-only.block-title hr {margin-top: 10px; margin-bottom: 10px; }
.form-horizontal.detail-form .form-group img.qr-code {width:20%; height:auto; }
.form-horizontal.detail-form .form-control.form-color-input {padding: 0px;}
.form-group.css-module-label{float: left; margin-top: -20px; margin-right: unset;}
.detail-form .tab-content {padding:40px 60px;}
/** DETAIL FORM END */

/** BLOCK BEGIN */
.block-sortable-title {position: absolute; padding: 1px 10px;}
.block-header {padding:12px 20px;}
.block.block-themed > .block-header > .block-title,
.block.block-themed > .block-header .block-options > li > a, .block.block-themed > .block-header .block-options > li > button {text-transform: inherit;}
.block.block-themed > .block-header > .block-title { padding-bottom: 0px; font-size: 17px; }
.block-themed.events,
.block-themed.events .bg-primary-dark {font-size:12px;}
.block-themed.events .block-title {margin: 10px 0 12px; font-size: 20px; line-height: 28px; font-weight: 400; }
.block-themed.events .block-content .items-push > div,
.block-themed.events .block-content label {margin-bottom: 0px; font-size: 12px; font-weight: 400; line-height: 20px;}
.block-themed.events .event-date,
.block-themed.events .event-address,
.block-themed.events .event-delete {font-size:15px;}
.block-themed.events .event-delete {float:right; color:red; }
.tab-pane.events .block-content.events {max-width: 1000px;}
.tab-pane.events .block-content.events .block.block-themed.events {max-width: 470px; margin: 10px 11px;}
.block-themed.events.dashboard {border-radius: 8px; border-width: 1px;border-style: solid;}
/*.block-themed.events.dashboard#GraphBox2 {margin-right: 24px;}*/
.block-themed.events.dashboard > .block-header > .block-title {font-size: 18px; font-weight:700;}
/*
.block-content p,
.block-content .push,
.block-content .block,
.block-content .items-push > div
{
 margin-bottom: 24px;
}
*/
/** CUSTOM VUESAX CSS BEGIN */
.vuesax-icon-svg {width:20px;height:20px; display: inline-block; /*overflow: hidden;*/}
.vuesax-icon-svg svg{width:20px !important;height:20px !important;}
.vuesax-icon-svg.svg-middle {vertical-align: middle;}
.dataTables_fields_wrapper .btn .vuesax-icon-svg {margin-right:10px;}
/** CUSTOM VUESAX CSS END */

/** CUSTOM DASHBOARD CSS BEGIN */
.block-content.dashboard {padding: 30px 32px 1px;}
.block-content.dashboard .block.block-themed.events.dashboard {margin-bottom: 24px;}
.dashboard .block-header {min-height: 66px;}
.dashboard .h2.page-heading,
.dashboard .h2.page-heading h2
{font-size:20px; font-weight:700; margin-bottom:16px;}
.dashboard .page-info {display: block;}
.dashboard .page-info .icon-time,
.dashboard .page-info .icon-location
{margin-right: 10px; }
.dashboard .info-time .vuesax-icon-svg,
.dashboard .info-location .vuesax-icon-svg
{margin-right:10px; }
.dashboard .page-info .options {float:right; margin-bottom: 0px;}
.dashboard .page-info .options .option {margin-left: 5px; margin-bottom: 0px; padding:5px; cursor: pointer;float: left; box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);}
.dashboard .page-info .options .option .dropdownFilter{width:30px; height:30px;}
.dashboard .page-info .options .option button { border: 0 none; padding:0px; }
.dashboard .page-info .options .option .vuesax-icon-svg { margin-left:5px;vertical-align:middle; }
.dashboard .info-time-text,
.dashboard .info-location-text
{display:table-cell; font-size:16px; line-height: 20px; vertical-align: middle;}
.dashboard-graph-options {position: absolute; top: 34px; right: 34px; max-width: 400px;}
/*.dashboard-graph-options.revenue{}*/
.block-themed.events .block-content .dashboard-graph-options .dropdownFilter .dropdownFilter-label
{font-size: 16px; display:table-cell; vertical-align:middle; line-height: 20px;}
/*.block-themed.events .block-content .dashboard-graph-options .dropdownFilter .vuesax-icon-svg.primary
 {display:table-cell; vertical-align:middle; }*/
.block-themed.events .block-content .dashboard-graph-options .dropdownFilter .vuesax-icon-svg.primary svg
 {width:20px !important; height:20px !important; padding-top:4px; }

.block-themed.events .block-content .dashboard-graph-options .dropdownFilter .form-control,
.block-themed.events .block-content .dashboard-graph-options .dropdownFilter .input-group-btn button.btn-default
{border: 0 none; }
.block-themed.events .block-content .dashboard-graph-options .dropdownFilter#selectRevenueTimescale .input-group-btn button.btn-default {width: 32px; height:32px; padding:0px; border-radius: 6px;}

.dropdownFilter > * ul.dropdown-menu {
    max-height: 50em;
    overflow: auto;
}

.dashboard-graph-options .dashboard-option {float:left; pointer-events: none; }
.dashboard-graph-options .dashboard-option.revenueTimescale { padding-right:24px; max-width: 140px;}
.dashboard-graph-options .dashboard-option.revenueTimescale .form-control
{padding-left: 0px; padding-right: 12px;}
.dashboard-graph-options .dashboard-option.revenueDatasets {max-width: 150px;}
.dashboard-graph-options .dashboard-option.revenueDatasets .form-control
{padding-left: 0px; padding-right: 0px;}
.dashboard-graph-options .dashboard-option .btn.btn-default {pointer-events: all;}
.dashboard-graph-options .dashboard-option .revenueMonth-label{ margin-left:10px; margin-right:10px; }
.dashboard-graph-options .dashboard-option .revenueMonth-prev{ pointer-events:all; }
.dashboard-graph-options .dashboard-option .revenueMonth-next{ pointer-events:all; }
.dashboard-graph-options .dashboard-option .filter-label {margin-left: 10px; }
.dashboard-graph-options .dashboard-option .filter-radiobutton {cursor: pointer;pointer-events: all;}
.dashboard-graph-options .dashboard-option .filter-checkbox {cursor: pointer;pointer-events: all;}
.dashboard-graph-options .dashboard-option .form-pickadate-date.picker__input {width:40%; pointer-events: all; }
.dashboard-graph-options .dashboard-option .picker.picker--opened.picker--focused
 {pointer-events: all; }
.dashboard-graph-options .dashboard-option .dropdown-menu,
.dashboard .page-info .options .option .dropdown-menu
 {padding:12px 16px; }
.dashboard-graph-options .dashboard-option .dropdown-menu li,
.dashboard .page-info .options .option .dropdown-menu li
 {padding:10px 0px; font-size:15px; }

 .dashboard .page-info .info-time-container {width:auto; line-height: 40px;}
 .dashboard .page-info .info-location-container {line-height: 40px;}
 .dashboard .page-info .options .option .dropdown-menu li .vuesax-icon-svg {margin-right: 16px;}

/*.dashboard-graph-options.revenue .dashboard-option.revenueTimescale {}*/
.dashboard-revenue-graph {max-width: 1280px; min-height:600px; margin: 0 auto;}
.dashboard-revenue-canvas {max-width: 100%; float: left;}
.dashboard-tickets-total-graph {max-width: 190px; margin: 0 auto; position:relative;}
.dashboard-tickets-total-label-container {position:absolute; top: 0px; left: 0px;  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.dashboard-tickets-total-label {font-size: 30px; }
.dashboard-tickets-total-canvas {max-width: 100%;}
.dashboard-tickets-group-col {margin-bottom: 33px;}

.dashboard-tickets-group-graph-container {max-width: 50px; padding-left: 0px; padding-right: 0px;}
.dashboard-tickets-group-title-container {padding-left: 14px; }
.dashboard-tickets-group-graph-container,
.dashboard-tickets-group-title-container
{}

.dashboard-tickets-group-graph {max-width: 100px; max-height:50px; margin: 0 auto; position: relative;}
.dashboard-tickets-group-label-container {position:absolute; top: 0px; left: 0px;  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.dashboard-tickets-group-label {font-size:10px;}
.dashboard-tickets-group-canvas {max-width: 100%; max-height: 100%; min-width:39px; min-height: 39px;}
.dashboard-tickets-group-title {vertical-align: middle; display: table-cell; height: 40px; font-size: 12px; line-height: 15px;}
.dashboard-tickets-group-title strong {font-size: 15px; line-height: 17px; font-weight: 400;}
/** CUSTOM DASHBOARD CSS END */


/** BLOCK END */

/** DATATABLES RESET BEGIN */
.table.dataTable > tbody > tr > td,
.table.dataTable > tbody > tr > th,
.table.dataTable > tfoot > tr > td,
.table.dataTable > tfoot > tr > th,
.table.dataTable > thead > tr > td,
.table.dataTable > thead > tr > th {vertical-align: middle; padding:10px;}
.table.dataTable.nopad > tbody > tr > td,
.table.dataTable.nopad > tfoot > tr > td,
.table.dataTable.nopad > thead > tr > td{padding: 2px 10px;}
/** DATATABLES RESET END */

/*
#event-invitation-table > tbody > tr > td,
#datatable-registration-pages > tbody > tr > td {padding:10px;}
*/

/** DATATABLES SORTING HEADERS BEGIN */
table.table thead .sorting::before,
table.table thead .sorting::after,
table.table thead .sorting_asc::before,
table.table thead .sorting_asc::after,
table.table thead .sorting_desc::before,
table.table thead .sorting_desc::after,
table.table thead .sorting_asc_disabled::before,
table.table thead .sorting_asc_disabled::after,
table.table thead .sorting_desc_disabled::before,
table.table thead .sorting_desc_disabled::after {position: absolute; bottom: 0.9em; display: block; opacity: 0.3; font-family: "FontAwesome"; font-weight: 600; right: 1rem;}
table.table thead .sorting::after,
table.table thead .sorting_asc::after,
table.table thead .sorting_asc_disabled::after,
table.table thead .sorting_desc::after,
table.table thead .sorting_desc_disabled::after {bottom: 1.2rem;}
#events-latest-table thead .sorting::after,
#events-latest-table thead .sorting_asc::after,
#events-latest-table thead .sorting_asc_disabled::after,
#events-latest-table thead .sorting_desc::after,
#events-latest-table thead .sorting_desc_disabled::after {bottom: 2.4rem;}
table.dataTable > thead .sorting {position: relative; opacity: .4;}
table.dataTable > thead .sorting_asc {position: relative; opacity: 1;}
table.dataTable > thead .sorting_desc {position: relative; opacity: 1;}
table.dataTable > thead .sorting::after {content: ""; font-weight: 100; opacity: .4;}
table.dataTable > thead .sorting_asc::after {content: "\f106"; opacity: 1;}
table.dataTable > thead .sorting_desc::after {content: "\f107"; opacity: 1;}
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::before,
table.dataTable thead .sorting_desc_disabled::after,
table.dataTable thead th.selectAll::before,
table.dataTable thead th.selectAll::after {content: "";}
table.dataTable > thead.bg-primary-dark > tr > th,
table.table > thead.bg-primary-dark > tr > th {opacity:1; border:none;}
table.dataTable > thead.bg-primary-dark > tr > th.sorting_asc,
table.dataTable > thead.bg-primary-dark > tr > th.sorting_desc,
table.table > thead.bg-primary-dark > tr > th.sorting_asc,
table.table > thead.bg-primary-dark > tr > th.sorting_desc {opacity:1;}
table.dataTable > thead.bg-primary-dark > tr > th.sorting {opacity: 0.7;}
table.dataTable > thead.bg-primary-dark > tr > th.sorting_disabled {opacity:0.7;}
/** DATATABLES SORTING HEADERS END */

/** DATATABLES DRAGGABLE ROWS BEGIN */
table.dataTable tr.seat.even td:first-child:before,
table.dataTable tr.seat.odd td:first-child:before { font-family: Simple-Line-Icons; content: "\e06a"; margin-right:20px; display:block; position:absolute;top: 8px; left: 18px; cursor: move; }
table.dataTable tr.seat.even td:first-child,
table.dataTable tr.seat.odd td:first-child {margin-left:20px; cursor: move; position:relative;}
table.dataTable tr.seat td.draggable {cursor: move;}
/** DATATABLES DRAGGABLE ROWS END */

/** DATATABLES TH BEGIN */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {padding: 12px 10px 12px;}
/** DATATABLES TH END */

/** DATATABLES HEADER FILTERS BEGIN */
.table.dataTable > thead > tr.headersFilters > th {padding: 12px 10px 12px 0px;}
.dataTables_wrapper .dataTables_filter {position: relative; /*left:20px;*//*padding-bottom: 13px;*/}
.dataTables_wrapper .dataTables_filter_wrapper {/*padding-left: 0px;*/padding-left: 15px; padding-top: 20px; padding-bottom: 10px;}
/*.dataTables_wrapper .dataTables_filter_wrapper,*/
.dataTables_wrapper .dataTables_items_wrapper {padding-left:40px; }
.dataTables_wrapper .dataTables_filter label input[type=search] { border:none;}
.dataTables_wrapper .dataTables_filter label {width:calc( 100% - 40px); /*margin-top: 4px;*/height:41px;}
.dataTables_wrapper .dataTables_filter label input[type=search] {width:calc(100% - 42px)/*calc(100% - 102px)*/; /*left: 40px;*/ top: 1px; position: absolute; height:39px; }
/** DATATABLES HEADER FILTERS END */

.table.dataTable > thead > tr > th:last-child,
.table.dataTable > tbody > tr > td:last-child
{padding-right: 30px;}

/** DATATABLES HEADER CONTROLS BEGIN */
.dataTables_wrapper .dataTables_fields_wrapper {padding-right: 30px;padding-top: 20px; padding-bottom: 26px/*25px*/; /*min-height: 76px;*/ text-align: right;}
.dataTables_wrapper .dataTables_fields_wrapper .btn {margin-left: 18px; padding: 9.75px 14px/*9px 14px*//*16px 14px*/;}

.dataTables_wrapper .dataTables_fields_wrapper .btn.shown-cols-btn span,
.dataTables_wrapper .dataTables_fields_wrapper .btn.filter-btn span
{vertical-align: top;}

.dataTables_wrapper .dataTables_filter_wrapper,
.dataTables_wrapper .dataTables_fields_wrapper
{min-height: 88px/*76px*/}


.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers { height:20px;padding:0px;line-height:20px; }
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length label select {font-size: 12px; font-weight: 200;}
.dataTables_items_wrapper .dataTables_info,
.dataTables_paging_wrapper .dataTables_paginate {padding-top: 3px;}
.dataTables_items_wrapper .dataTables_info {padding-left: 16px;}
.dataTables_paging_wrapper,
.dataTables_items_wrapper,
.dataTables_limit_Wrapper {width:auto;float:left; padding-right: 50px; height:37px;}
.dataTables_paging_wrapper {margin-top:6px;}
.dataTables_items_wrapper {margin-top:8px;}
.dataTables_limit_Wrapper {margin-top:9px;}
/** DATATABLES HEADER CONTROLS END */

/** DATATABLE LABELS / TAGS / GROUPS / STATUS BEGIN */
.label-primary, .label-group, .label-tag,
table.dataTable tbody tr td span.registrationStatus,
table.dataTable tbody tr td span.category,
#datatable-registration-pages .select2-container--default .select2-selection--multiple .select2-selection__choice {font-weight:600;font-size: 11px;}
.label-primary,
#datatable-registration-pages .select2-container--default .select2-selection--multiple .select2-selection__choice {border-radius: 0px;}
.label-group {border-radius: 10px;}
table.dataTable tbody tr td span.category,
table.dataTable tbody tr td span.registrationStatus,
.label-tag {border-radius: 5px;}
/** DATATABLE LABELS / TAGS / GROUPS / STATUS END */

/*.tab-pane #datatable-registration-pages .select2 {width:50% !important;}*/
/** DATATABLES FILTER BEGIN */
table.dataTable thead .css-checkbox {margin: 0px; padding-bottom: 2px;}
table.dataTable tbody .css-checkbox {margin: 8px 0 8px;}
table.dataTable tbody .css-checkbox .label-container {position: absolute;}

table.dataTable thead .filter-checkbox {display: inline-block; padding-left: 4px; padding-right: 4px;}
table.dataTable thead .filter-checkbox input[type="checkbox"] {width:20px; height:20px; margin-left: 4px; margin-right: 4px; margin-top:0px; line-height:20px; vertical-align: middle;}
table.dataTable thead .filter-checkbox input[type="checkbox"] + span { vertical-align: middle; line-height:20px; }
table.dataTable tbody tr td span.registrationStatus,
table.dataTable tbody tr td span.category {text-transform: lowercase; height: 20px; padding: 0 5px; display: table-cell; vertical-align: middle; line-height: 12px;}
.input-group.statusCodeFilter,
.input-group.filter {width:100%;border-radius:5px;}
.input-group.statusCodeFilter .form-control,
.input-group.filter .form-control {border-radius:5px;}
.input-group.filter input[type="text"] {padding:4px 4px 0px 4px; margin-bottom: 4px; width:calc(100% - 20px); border:none; border-radius:5px; display: inline-block;}
th.active .input-group.filter input[type="text"] {width:calc(100% - 32px); }
.input-group.filter button.btn.remove-input-filter,
.input-group.statusCodeFilter button.btn.remove-input-filter {border-radius: 11px !important;position: absolute; top: 5px; right: 5px; width:22px; height:22px;}
.input-group.filter button.btn.remove-input-filter i,
.input-group.statusCodeFilter button.btn.remove-input-filter i {position: absolute; left: 5px; top: 3px;}
.input-group.statusCodeFilter .input-group-btn,
.input-group.filter span.input-group-btn {width:30px;}
.input-group.filter span.input-group-btn ul.dropdown-menu li label {font-weight: 400; max-width:330px;}
.input-group.filter span.input-group-btn ul.dropdown-menu li label::before {content:none;}
.input-group.statusCodeFilter .input-group-btn button,
.input-group.filter span.input-group-btn button {opacity:1; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important;}
.input-group.filter label {font-weight: 400; width:calc(100%)/*calc(100% - 32px)*/; margin-bottom: 0px;}
/*.input-group.filter label::before {margin-left:4px; margin-top:6px;}*/
/** DATATABLES FILTER END */

/** DATATABLES LIST ACTIONS BEGIN */
.list-action{width: 22px; height: 22px; margin-right: 2px; display: inline-block; vertical-align: middle; border-radius: 5px; background-position: center; background-repeat: no-repeat; }
.list-action i {margin:2px; cursor:pointer; }
i.list-icon.deactivate-guest {cursor:pointer; color:green/*red*/; display:block; position: relative; top: -1px; left: -1px; width: 20px; height: 20px;}
i.list-icon.activate-guest {cursor:pointer; color:red/*green*/;}
button.list-action {border:none; padding-right: 0px; padding-left: 0px;}
/** DATATABLES LIST ACTIONS END */

/** DATATABLES TH BEGIN */
.dataTable th:first-child,
.dataTable td:first-child {padding-left:40px !important;}

.dataTable.dataTable-custom-fixedHeader thead {
    position: sticky;
    top: 60px;
    z-index: 1035;
    min-height: 60px;
}


.dataTable > thead > tr > th, .dataTable > tbody > tr > th, .dataTable > tfoot > tr > th { text-transform: none; }
/** DATATABLES TH END */

/** DATATABLES PAGINATION BEGIN */
a.paginate_button.current {padding: 5px;}
a.paginate_button.previous::before {content:"\f104";font-family: "FontAwesome";}
a.paginate_button.next::before {content:"\f105";font-family: "FontAwesome";}
a.paginate_button.disabled {opacity:0.4;}
a.paginate_button {float: none; margin: 0; padding-right: 8px; padding-left: 8px; border: none; cursor: pointer; }
/** DATATABLES PAGINATION END */

/** DATATABLES DRAGGABLE HANDLER BEGIN */
.draggable-handler .si.si-grid {
    font-weight: 200;
    padding-left: 20px;
    padding-right: 0px;
/*
    font-weight: 700;
    padding-right: 4px;
*/
/*
    font-weight: 200;
    padding-right: 0px;
*/
}
/** DATATABLES DRAGGABLE HANDLER END */
/** MODAL DIALOGS BEGIN */
#showncols-modal .modal-dialog {width:800px;}
#exportDialog .modal-dialog {width:1000px;}
.modal-body .displaySelectedFields {padding: 20px;}
.modal-body .displaySelectedFields h5.spacer {padding-bottom: 10px;}
.modal-body .displaySelectedFields .row label {margin-right:5px;}
.modal-body .exportSelectedFields {padding-top:10px;}
.modal-body h5.spacer {padding-bottom:10px;}
/** MODAL DIALOGS END */

/** NAVIGATION BEGIN */
.nav-tabs li a i {padding-right:0.5rem}
.nav-main a {padding:4px 20px;}
.nav-main a.nav-submenu::before {opacity: 0.4;}
.nav-main li.open a.nav-submenu::before,
.nav-main a.nav-submenu:hover::before {opacity: 1;}
.nav-main .nav-main-heading {font-size:1.1em;}
.nav-main li .badge {padding: 2px 5px; margin-right: 3px; font-weight: normal; vertical-align: baseline;}
 ul.nav-main li a i{width:14px; margin-right: 15px;}
.nav-header .header-search {width: 240px;}
.nav-header li a {font-weight: 400; text-transform: uppercase;}
ul.nav-header li.nav-item {margin-top: 2px;}
ul.nav-header li a i {opacity: 0.4;}
ul.nav-header li.active a i,
ul.nav-header li a:hover i,
ul.nav-header li a.accreditation-settings-modal i{opacity: 1.0;}

.nav-main a.active,
.nav-main a:hover,
.nav-main a.active i,
.nav-main a:hover i,
ul.nav-header li.active a,
ul.nav-header li a:hover,
ul.nav-header li.active a i,
ul.nav-header li a:hover i {font-weight: 600;}

ul.nav.nav-tabs,
.block > .nav-tabs.nav-tabs-alt{padding: 20px 40px 20px 20px/*0 40px 20px 20px*/; margin-bottom: -5px; display: inline-block; width: 100%;}
ul.nav.nav-tabs > li > a {font-size: 20px; line-height: 30px; font-weight: 400; padding-top: 0px; padding-bottom: 0px;}
ul.nav.nav-tabs > li.active > a,
ul.nav.nav-tabs > li.active > a:focus,
ul.nav.nav-tabs > li.active > a:hover,
.block > .nav-tabs.nav-tabs-alt > li.active > a,
.block > .nav-tabs.nav-tabs-alt > li.active > a:hover,
.block > .nav-tabs.nav-tabs-alt > li.active > a:focus {font-weight:600 !important; box-shadow: none;}
ul.nav.nav-tabs > li > a:hover {box-shadow: none !important;}
.js-wizard-simple ul.nav.nav-tabs {border-bottom:none;}

#sidebar .nav-main {padding-bottom: 40px;}
/** NAVIGATION END */

/** PROGRESS BAR BEGIN */
.progress.progress-mini {margin-top:5px;}
.block.block-themed.events .progress.progress-mini {margin-bottom:5px;}
/** PROGRESS BAR END */

/** BLOCK / CONTENT BEGIN */
.block-content .tab-content{padding-left:35px; padding-top:40px;}
.block.block-themed.events .block-content {padding:10px;}
.detail-form .block-content {padding-left:0px; padding-right:0px; }
.detail-form .tab-pane>.block>.block-header,
.detail-form .tab-pane>.block>.block-content {padding-left: 0px; padding-top:0px;}
#accreditation-search .block-content {padding-top: 0;}
/** BLOCK / CONTENT END */

/** ACCREDITATION TABLE BEGIN */
#accreditation-table {margin-top: -18px;}
#accreditation-table thead {display: none;}
#accreditation-table tbody td:first-child {width: 1%;}
/** ACCREDITATION TABLE END */

/** ACCREDITATION VIEW BEGIN */
#page-container.accreditation-page #header-navbar {-webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1030;}
#page-container.accreditation-page #header-navbar h2 {margin-bottom: 0px;}
/** ACCREDITATION VIEW END */

/** CONTACTS TABLE BEGIN */
#contacts-table th {cursor: pointer; background-color: transparent;}
#contacts-table th[data-column-name="nfcUids"] {width: 200px;}
#contacts-table tr.headersFilters th {cursor:default;}
#contacts-table th[data-column-name="statusCode"] {width: 100px;}
#contacts-table th[data-column-name="checkedIn"] {width: 125px;}
#contacts-table th[data-column-name="startValue"] {width: 150px;}
#contacts-table th[data-column-name="nfcUids"] {width: 200px;}
/** CONTACTS TABLE END */

/** CHECKIN OVERVIEW BEGIN */
.row.checkInList input[type="checkbox"] {}
.row.checkInList .label-container {padding-left:5px; padding-right: 5px;}
.row.checkInList select {width: auto;}
/** CHECKIN OVERVIEW END */

/** GUESTS OVERVIEW BEGIN */
.z-1040 { z-index: 1040; }
/** GUESTS OVERVIEW END */


/* select2 multiple shows dropdown caret icon */
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.select2-search__field {
    width: 100% !important;
}
li.select2-search.select2-search--inline {
    width: 100%;
}

.css-checkbox input + span, .css-checkbox-primary input:checked + span,
.css-checkbox-primary.group input:checked + span, .css-checkbox-primary.group input:checked + span::after,
.css-checkbox-primary.individual input:checked + span, .css-checkbox-primary.individual input:checked + span::after
{
    border-radius: 3px;
}


@media (max-width: 768px) {
    .control-buttons,
    .tab-pane-control-buttons {text-align: center;}
    .notificationUi {width: 100%;}
    .dataTables_filter label {width: 100%;}
    .dataTables_paginate {text-align: center;}
    .sticky-status-footer-block {margin-bottom: 0;}
    .guest-status-title {font-size: 8px;}

    .fc .fc-toolbar {margin-left: 15px; margin-right: 15px;}
    .fc .fc-toolbar .fc-left {width: 50%; margin-bottom: 15px;}
    .fc .fc-toolbar .fc-right {width: auto; margin-bottom: 15px;}
    .fc .fc-toolbar .fc-center {float: left; width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 15px; margin-bottom: 15px;}
    .fc .fc-toolbar .fc-clear {}

    .dashboard-revenue-graph {min-height:200px; }
    .dashboard-tickets-group-graph-container {max-width: 100%;}
    .dashboard-tickets-group-title-container {max-width: 100%;}
    .dashboard-tickets-group-graph-container,
    .dashboard-tickets-group-title-container
    {padding-left: 15px; padding-right: 15px;}
    .dashboard-graph-options { top: 0px; right: 20px;}
}

@media (max-width: 628px) {
    .nav-tabs > li {float: none;}
}

@media (max-width: 524px) {
    #customerDashboardBtns > li:last-child > a > button {margin-top: 5px;}
}

@media (max-width: 405px) {
    .tab-pane-control-buttons > li:last-child > a > button {margin-top: 5px;}
    .fc .fc-toolbar .fc-left {width: 100%; }
    .fc .fc-toolbar .fc-right {width: 100%; float: left; }
    .fc .fc-toolbar .fc-center {width: 100%; float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
}

@media (max-width: 377px) {
    #contactDashboardBtns > li:last-child > a > button {margin-top: 5px;}
}

@media (max-width: 776px) {
    #logoMenu {margin-bottom: 25px;}
    .header-navbar-fixed.bee-editor #main-container {padding-top: 91px;}
    .logo-single-subscription,
    .logo-normal-subscription {width: 200px;}
    .block-themed.events.dashboard#GraphBox2 {margin-right: 0px;}
}

.pt-5 { padding-top: 5px; }
.pt-8 { padding-top: 8px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }

.mt-5 { margin-top: 5px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }

.d-none { display: none; }