@import "./component/index.css";
@import "./component/media-manager.css";
@import "./component/digital-lock-popup.css";

:root{
    --btn_primary_color1 : #007041;
    --btn_hover_color1 : #007041;
    --btn_primary_color2 :#17553e;
    --btn_hover_color2 : #17553e;
    --btn_primary_text_color : #ffffff;
    --btn_secondary_text_color : #ffffff;
    /*--widget_font_link : "https://fonts.googleapis.com/css?family=Lato:400,700";*/
    --widget_font_link : "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";
    --widget_link_color : #17553e;
    /*--widget_font_family : 'Lato', san-serif;*/
    --widget_font_family : 'Source Sans Pro', sans-serif;
    --widget_font_color : #070f0b;
    --widget_theme_color : #007041; 
    --widget_bg_color : #efefef;
}

body {
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Source Sans Pro', sans-serif;
  overflow-x: hidden !important; /* select2 scroll fix */
}

body:not(.modal-open){ padding-right: 0px !important; }

label{ font-weight: normal; font-size: 1em; }

hr{ border-color: #DDD; }

a{ color:#007041; }
a:hover, a:focus, a.focus, a:active, a.active{ color:#17553e; }
input{box-sizing: border-box !important;}

.btn, .card, .chip, .dropdown-menu, .jumbotron, .list-group, .navbar, .pager li a, .pagination .active .page-link, .popover, .tag, .z-depth-1 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

/* Bootstrap */

/*.form-group{ margin-bottom:20px; }*/

/*.alert{ margin: 10px 0px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; }*/
/*.alert{ position: fixed; width:25%; z-index: 9999; opacity: 0.9; top: 90px; right: 15px; }*/
/*.alert a{ color:#FFFFFF; }
.alert a:hover, .alert a:focus, .alert a.focus, .alert a:active, .alert a.active{ color:#FFFFFF; text-decoration: underline; }*/
.alert a{ /*color:#FFFFFF;*/ text-decoration: underline; }

.error-message{ color: #d9534f; font-size: 0.7rem; float: right; }
.error{ color: #d9534f}
.error:hover:not(.vue-notification-template){ color: #d9534f}
label.error-input,
#l_category_fields_general label.main-label.error-input{
  color: #d9534f !important;
  font-weight: bold;
}
input.error-input{
  border-bottom:  1px SOLID #d9534f !important;
}
#mod-event .error{
  color: #d9534f !important;
}
/*.error {color: #d9534f !important;}*/
/*.error:before{content: '! ';}*/

/* Layout */

.navbar-brand {height: 60px;}
.navbar-brand.logo > img{ display:inline-block; }
.navbar-brand.logo .beta{ font-size: .75rem; color: #efefef; margin-left: 6px; }

.page-header{
  margin: 15px 0;
  border-color: #DFDFDF;
  font-weight: bold;
  /*color: #777;*/
}
.page-header small, .modal-title small{
  margin-left: 5px;
}

.page-header .fa{
  /*color: #CCC;
  font-size: 0.7em;*/
  display: none;
}
.page-header button .fa{ color: #fff; }
.page-header .glyphicon{
  /*color: #007041;
  top: 5px;*/
  display: none;
}

.margin-top-lg{ margin-top: 56px; }
.margin-top-md{ margin-top: 24px; }
.margin-top-sm{ margin-top: 14px; }


/* Tooltips */

.info_tooltip{ position: absolute; color: #5B5B5B; font-size: 1.8em; z-index: 10; right: 18px; margin-top: -75px; }
.question_tooltip{ position: relative; color: #5B5B5B; margin-left: 6px; }
.question_left_tooltip{ position: relative; color: #5B5B5B; margin-right: 8px; }
.tooltip h3{ margin: 0; padding: 8px 0; font-size: 1.2em; font-weight: bold; }
.custom_tooltip_1{ color: #5B5B5B; padding: 8px 8px 0 0; float: left; }
.radio_tooltip{ margin-left: -18px; }

/* Alerts */

.flash-container{
  position: fixed;
  z-index: 1010;
  right: 20px;
  margin-top: 15px;
  bottom: 25px;
}
.priority-flash-container{
    text-align: center;
}
#priority-flash{
    position: fixed;
    z-index: 2010;
    text-align: center;
    width: 100vw;
    top: 0;
    left: 0;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    text-align: left;
    display: block;
}
#priority-flash .modal-dialog{
    max-width: 480px;
}
#priority-flash .modal-header{
    padding: 4px 0 0 6px;
}
#priority-flash .modal-body{
    padding: 0 8px;
}
#priority-flash .modal-body .alert{
    padding: 25px;
    font-size: 1.1em;
}
#priority-flash .modal-footer{
    border: 0;
    padding: 8px;
}

#iframe-modal .modal-dialog{
    width: 100%;
    height: 100vh;
    margin: auto;
}
#iframe-modal .modal-content{
    height: 90vh;
}
#iframe-modal .modal-body{
    height: 83vh;
}

.alert.alert-dismissable{
  min-width: 370px;
  border:none;
  border-left: 8px solid transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #303030;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  text-shadow:none;
  font-size: 1rem;
}

.alert.alert-dismissable h4{
  margin:0;
  font-weight: bold;
  font-size: 1rem;
}

.priority-flash-container .alert.alert-dismissable{
    box-shadow: none !important;
    border: none;
}
.alert-success-color{ border-color: #007041 !important; }
.alert-info-color{ border-color: #33b5e5 !important; }
.alert-danger-color{ border-color: #f44 !important; }
.alert-warning-color{ border-color: #fb3 !important; }
.alert-default-color{ border-color: #2BBBAD !important; }

.alert-success-color .fa, .alert-success-color h4{ color: #007041; }
.alert-info-color .fa, .alert-info-color h4{ color: #33b5e5; }
.alert-danger-color .fa, .alert-danger-color h4{ color: #f44; }
.alert-warning-color .fa, .alert-warning-color h4{ color: #fb3; }
.alert-default-color .fa, .alert-default-color h4{ color: #2BBBAD; }


/* Modals */

.modal .page-header:hover{cursor: move;} /* Makes modal draggable: http://jsfiddle.net/raving/gL6zodx7/ */

.modal-content{ background: #FFFFFF; border-radius: 8px; }
.modal-content .modal-body{ padding: 10px; }
.modal-content .modal-body .page-header,
.modal-content .modal-header .modal-title{ margin: 10px auto; font-size: 1.4em; color: #5B5B5B; }
.modal-content.smart{ border-radius: 0; }

/*.modal-body .form-group{ margin-bottom: 8px; }*/
/*.modal-body .form-group label{ margin-bottom: 2px; }*/
/*.modal-body hr{ margin: 8px auto 12px !important; }*/
/*.modal-body hr{ margin: 8px auto 17px !important; }*/
.modal-body hr{ margin: 10px auto !important; }

.modal-body .alert{
  margin:0px 0px 10px;
  /*padding: 6px 12px;*/
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  text-shadow: none;
}


.modal-header .close {
  margin: 12px 8px 0 0 !important;
}
.modal-header .modal-title{
  margin: 4px auto !important;
  border-radius: 8px;
  font-size: 17px !important;
  font-weight: bold;
  padding: 6px 8px !important;
}
.modal-header.modal-primary .modal-title{ color: #007041 !important; background-color: #edf1ef !important; }
.modal-header.modal-success .modal-title{ color: #007041 !important; background-color: #edf1ef !important; }
.modal-header.modal-info .modal-title{ color: #33b5e5 !important; background-color: #e8f0f9 !important; }
.modal-header.modal-danger .modal-title{ color: #f44 !important; background-color: #f7e2e4 !important; }
.modal-header.modal-warning .modal-title{ color: #fb3 !important; background-color: #fff5d3 !important; }
.modal-header.modal-default .modal-title{ color: #17553e !important; background-color: #EEE !important; }
.modal-body .alert{
  padding: 8px !important;
}
.modal-custom-header{
    padding: 15px;
    border-radius: 8px;
    background: #eee;
    margin-left: 15px;
    margin-right: 15px;
}


#alert-modal { z-index: 1240 !important; }
#alert-modal .modal-dialog, .confirm-modal .modal-dialog{ max-width: 480px; }
#alert-modal .modal-header, .confirm-modal .modal-header{ border: 0px; padding: 15px 15px 0; }
/*#alert-modal .modal-header, .confirm-modal .modal-header h4{ background: #CCC;margin:0; padding: 5px; }*/
#alert-modal .modal-body, .confirm-modal .modal-body{ margin: 0 5px; }
#alert-modal .modal-footer, .confirm-modal .modal-footer{ border: 0px; /*padding: 8px;*/ }
#alert-modal .alert, .confirm-modal .alert{ padding: 15px; margin: 0; font-size: 1rem; color: #070f0b; border:none; }

.modal-footer .btn.btn-default[data-dismiss="modal"]{ margin:0; }

#loading-modal, #calendar-loading-modal{ margin-top: 120px; z-index:1051; }
#loading-modal .modal-body, #calendar-loading-modal .modal-body{ padding: 2px; }
#loading-modal .modal-body .progress, #calendar-loading-modal .modal-body .progress{ margin: 0; }
.modal-dialog.modal-fluid{
    width: calc(100% - 30px);
    margin: 0 auto;
}
@media (min-width: 1000px){
.modal-dialog.modal-lg{ width:1000px; }
}

.modal-dialog.modal-dialog-centered.smart{
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (1.75rem * 2));
}
#mod-show-alert-message{
  z-index: 1051 !important;
}
#mod-show-alert-message .smart.modal-content{
  width: 100%;
}


/* General */

/*
.tabpanel {
  background: #ffffff;
  position: relative;
  margin-bottom: 35px;
}
.tabpanel .nav-tabs{ margin-bottom:20px; }
*/


/* Owl navigation */
.nav.owl-carousel{
  display: block;
  /*height: 43px;*/
}
@media (max-width: 768px){
  .nav.owl-carousel{
    display: block;
    height: 43px;
  }
  .nav.owl-carousel .li{
    /*opacity: 0;*/
  } 
}
.nav .owl-stage-outer:after{
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  pointer-events: none;
  width: 30px;
  height: 3em;
  background-image: linear-gradient(to right, rgba(238,238,238, 0), rgb(238, 238, 238) 99%);
}
#bookingTab.nav .owl-stage-outer:after{
  background-image: linear-gradient(to right, rgba(255,255,255, 0), rgb(255, 255, 255) 99%);
}
.nav > .owl-nav-item.li > a,
.nav > .owl-stage-outer > .owl-stage > .owl-item > .li > a{
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
}
.nav > .owl-nav-item.li, .nav > .owl-nav-item.li > a{
  display: inline-block;
}


.nav-tabs > .owl-nav-item.li.active > a, .nav-tabs > .owl-nav-item.li.active > a:hover, .nav-tabs > .owl-nav-item.li.active > a:focus,
.nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a, .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a:hover, .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a:focus,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border:0;
}
.invoice-section-toggle{cursor: pointer;}
.settings-page{ margin-bottom:15px; }
/* .settings-page .tab-pane{ min-height: 400px; } */
.settings-page #booking .tab-pane, .settings-page .collapse-wrapper .tab-pane{ min-height: auto; margin-bottom: 10px;}
.settings-page #booking .tab-pane .toggle_item .icon-toggle,.settings-page #booking .tab-pane .toggle_item .text-toggle, .settings-page .collapse-wrapper .tab-pane .toggle_item .icon-toggle,.settings-page .collapse-wrapper .tab-pane .toggle_item .text-toggle{ cursor: pointer; }
.settings-page .tab-pane legend.h4{ margin-top: 0; }
.settings-page .tab-pane legend.h5{ margin: 5px 0; font-size: 1.1em; }
.settings-page .tab-pane .h5-div{ margin: 20px 0 5% 10px; }
.settings-page .toggle[aria-expanded="false"] + legend{ border-bottom: none;margin-bottom: 0;padding-bottom: 0; }
.settings-page .toggle[aria-expanded="false"] + legend + .collapsing{ padding-top: 32px; }
legend{ padding-bottom: 10px; }

/** Currently, the same is used for invoice toggle, so we need to generalize the selector here, otherwise it could affect the current invoice toggle*/
.settings-page .toggle_item > legend,
.settings-page .toggle_item > h1,
.settings-page .toggle_item > h2,
.settings-page .toggle_item > h3,
.settings-page .toggle_item > h4{
    cursor: pointer;
}
.settings-page .toggle_item .fa{
    transition: transform 0.2s ease-out;
    transform: rotate(0);
}
.settings-page .toggle_item .fa[aria-expanded="true"]{
    transform: rotate(90deg);
}
.settings-page .toggle_item .h5-div{
    margin: 0;
}
.settings-page .toggle_item .collapse,
.settings-page .toggle_item .collapsing{
    padding-top: 10px;
    padding-left: 10px;
}

/* New page and tab style */
.wrapper-tab .nav-tabs{
  margin-bottom: 15px;
}

.tab-pane{
  background-color: #FFFFFF;
  /*color: #5B5B5B;*/
  /*padding: 18px;*/
  padding: 12px 16px;
  min-height: auto;
  border-radius: 5px;
}
.page-pane{
  background-color: #FFFFFF;
  /*color: #5B5B5B;*/
  padding: 25px;
}
.table-pane{
  background-color: #FFFFFF;
  /*color: #5B5B5B;*/
  padding: 10px 15px;
  overflow-x: auto;
}
.table-pane.no-scroll{
  overflow-x: visible;
}
.table-pane .table{
  border-bottom: 1px solid #DDD;
  margin-bottom: 10px;
}
.wrapper-page .modal-submit,
.wrapper-page .page-submit,
.wrapper-tab .modal-submit,
.wrapper-tab .page-submit{
  position: relative;
  float: right;
  /*right: 0;
  top: 10px;*/
  margin: 10px 0 0;
}
.wrapper-page .modal-close,
.wrapper-page .page-close,
.wrapper-tab .modal-close,
.wrapper-tab .page-close{
  position: relative;
  /*margin-top: 10px;*/
  margin: 10px 0 0;
  bottom: 0;
}


.imagecontainer{    background:#eeeeee; padding:15px; margin-top:35px; }
.radio label{     display:block; }


.panel-primary>.panel-heading{        color: #fff;    background-color: #17553e;    border-color: #17553e; }
.panel-primary{     border-color: #17553e; }

.panel-default > .panel-heading{ color: #070f0b; background: none; }

.panel-heading a:hover, .panel-heading a:focus{
  color: #FFF;
  text-decoration: none;
}
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: #FFF;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}

.panel{ border-radius: 8px; }
.panel-heading{ border-top-left-radius: 6px; border-top-right-radius: 6px; }
.panel-footer{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

#page-wrapper{
  min-height: 400px;
  padding-bottom: 30px;
  color: #070f0b;
  background: #f2f3f3;
  position: relative;
}
#page-wrapper.min-height-100vh{
  min-height: 100vh;
}
#iframe-wrapper{
  /*min-width:464px;*/
  width: 100%;
  position: absolute;
  top: 0px;
  padding: 14px;
}

#footer{
  color: #5B5B5B;
  padding: 25px 10px;
  font-size: 0.9em;
}
#footer a[target="_blank"]{ color: #BFBDBE;}
#footer a[target="_blank"]:hover{ color: #007041;}

.theme-padding{
  padding: 20px;
}
.content-bg{
  padding: 20px 15px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 0 1px #DDD;
}

.mainmenu a{
  font-size: 20px;
  background: #303030;
  padding-top: 20px !important;
  padding-bottom: 19px !important;
  margin-right:2px;
  line-height: 20px;
  color: #bfbdbe;
}
.mainmenu .active a{
  /*background:#f6f6f6;*/
  background: #F2F2F2;
  color:#007041;
}

.small .checkbox, .small .radio{ margin-bottom: 5px; }

/* Language switcher */
.langSelector{
  /*min-width: 160px;*/
  margin-left: 8px;
  /*font-size: 0.85em;*/
}
.langSelector a.dropdown-toggle{ color: #bfbdbe; /*padding-left: 20px;*/padding:8px 12px; }
/*.langSelector a.dropdown-toggle span, */.langSelector .dropdown-menu > li > a{ font-size: 0.8em; }
.langSelector a.dropdown-toggle span.flag{ opacity: 0.85; }
/*.langSelector .dropdown-menu > li.active > a{ background-color: #007041; }*/


/* Calendar */
#calendar{
  background-color: transparent;
  min-height:100px;
}
#page-wrapper .calendar-top{
  padding: 15px 25px 5px;
  /*margin-top: -10px;*/
  /*margin-top: -9px;
  padding-top: 15px;
  padding-bottom: 7px;*/
  background-color: #f2f3f3;
 /* margin-left: 0px;
  margin-right: 0px;*/
  /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
  /*border-bottom: 1px solid #007041;*/
}
.desktop-show-more-div{
  padding: 0px 25px 5px;
  text-align: left;
  background: #f2f3f3;
}
@media (min-width: 769px){
  /*.calendar-top.half{
    height: 50px;
    overflow: hidden;
  }*/
  .calendar-top.half .next-liner{
    display: none;
  }
}
.desktop-show-more-div{
  display: none;
}
@media (max-width: 768px){
  .desktop-show-more-div{
    display: none;
  }
}
.calendar-top .ct-info{
  font-size: 1.2em;
  clear: both;
  padding: 8px 2px;
}
.calendar-top .ct-info.widget{
    display: block;
    font-size: 14px;
}
.btn-calendar-group .dropdown-menu{
  border-color: #DDD;
}
.btn-calendar-group .dropdown-menu > li > a{
  color: #007041;
  padding: 8px 16px;
  font-size: 1em;
  margin-bottom: 1px;
}
.btn-calendar-group .dropdown-menu > li:hover > a,
.btn-calendar-group .dropdown-menu > li.active > a{
  background: #007041;
  color: white;
}
.btn-calendar-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(0,0,0,.05);
}

.btn-calendar-group .badge{
  font-weight: inherit;
  background: #007041;
}
.btn-calendar-group li.active .badge{
  background: white;
  color: #007041;
}

.btn.btn-xs {
    font-size: .8rem;
    padding: .3rem .4rem;
    font-weight: 400;
}

#datepicker1, #datepicker2{
  opacity: 0;
  height: 0;
  width: 0;
  position:absolute;
  margin-left: -65px;
  top: 25px;
}

.calc-loader{
  position: absolute;
  right: 15px;
  left: 15px;
  top: 55px;
  z-index: 1000;
  height: 22px;
  border: 1px solid #DDD;
}

.events-control-row-item.btn-div{
    background-color: #fff;
    border-radius: 5px;
    margin-left: 15px;
}
.events-control-row-item.btn-div .btn{
    box-shadow: 0 2px 4px 2px #ddd;
    color: #070f0b !important;
    background: transparent;
    border-radius: 5px;
    margin: 0;
}
.events-control-row-item.btn-calendar-group.open .dropdown-toggle{
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0,0,0,.05);
}

.events-control-row-item.btn-calendar-group.open .dropdown-toggle .caret {
    transform: rotate(180deg);
}

.events-control-row-item.btn-calendar-group .dropdown-toggle .caret {
    transition: .2s ease-out;
}

/* style override */
.calendarwhite_rowheader_inner{ font-size: 14pt !important; }
.calendarwhite_cell.disabled{ cursor: auto !important;}
.scheduler_white_rowheader_inner{ font-size: 14px; font-weight: bold;}


.bubble_default_main .bubble_default_main_inner{
  background: #FFFFFF !important;
  border-radius: 0 !important;
  border: 1px solid #DDD;
  border: none;
  padding: 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.cal-bubble{
  padding: 4px 10px 10px;
  background: #ffffff;
  max-width: 564px;
}

@media (max-width: 768px){
  .cal-bubble{
    min-width: 250px;
  }
}

@media (min-width: 768px) {
  .cal-bubble{
    min-width: 384px;
  }
}
.cal-bubble .edit-event{ margin: 10px 2px 4px; }

.cal-bubble .booking-status{ margin: 10px 0 0 6px; }
.booking-status .status-heading div{ padding: 4px 16px; opacity: 0.8; }

.cal-bubble .cal-bubble-conflict{
  position: absolute;
  color: #a94442;
  background-color: transparent;
  padding: 16px 0 0 8px;
}

.caret-up {
  width: 0;
  height: 0;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}
.vs__dropdown-toggle{
    place-content: space-between;
}

.status-request,
.status-decline,
.status-draft,
.status-live,
.status-complete,
.status-conflict,
.status-cancel,
.status-incart
{
  border-left: 3px solid transparent;
}

.status-request{
  border-left: 3px solid #fb3;
}
#iframe-wrapper .status-request{
  opacity: 0.5;
}
.status-draft{
  border-left: 3px solid #7c7c7ca6;
  opacity: 0.65;
}
.status-decline.dashboard,
.status-complete.dashboard{
  border-left: 3px solid #17553e;
}
.status-conflict{
  border-left: 3px solid #f44;
  opacity: 0.65;
}
.status-cancel{
  opacity: 0.65;
}
.status-cancel .calendar_white_event_inner,
.status-cancel .scheduler_white_event_inner{
  background-image: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.1) 20px ) !important;
}
.status-decline.dashboard div,
.status-complete.dashboard div,
.status-conflict div,
.status-request div,
.status-draft div{
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


/*'request', 'draft', 'live', 'in_progress', 'complete', 'conflict', 'cancelled'*/


.btn-calendar {
    color: #17553e !important;
    background: transparent;
    border: none;
    font-size: 14px !important;
    box-shadow:none;
    padding: 6px 12px !important;
}
.btn-calendar:hover, .btn-calendar:active, .btn-calendar:focus{color: #007041;box-shadow:none;}



/*.search-title{      font-size:14px; }*/





/*th{ font-weight: normal; color: #808080; }*/

/* pagenation */
.pagination{ margin: 0px; }
.pagination ul{ padding: 0; margin-top: 10px; }
.pagination li{ margin: 0 2px; padding: 6px 0; }
.pagination li a{ padding: 10px; text-decoration: none; }
.pagination li.current{ background-color: #007041; }
.pagination li.current a{ color: white; }
.pagination li.current:hover a{ color: #17553e; }
.pagination .disabled{ display: none; }
.pagination .btn{ box-shadow: 0 0 2px #DDDDDD !important; border: 1px solid #E4E4E4;  }
.pagination .waves-effect{
  position: static !important;
}

/* signup page */
/*.marketing-content{
    padding: 0px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    opacity: 0.8;
    margin-top:15px;
}
.marketing-content:hover{ opacity: 1; }*/

.wrapper-tab .nav-tabs > .owl-nav-item.li.active > a, .wrapper-page .nav-tabs > .owl-nav-item.li.active > a,
.wrapper-tab .nav-tabs > .owl-nav-item.li > a:hover, .wrapper-page .nav-tabs > .owl-nav-item.li > a:hover,
.wrapper-tab .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a, .wrapper-page .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a,
.wrapper-tab .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a:hover, .wrapper-page .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a:hover,
.wrapper-tab .nav-tabs > li.active > a, .wrapper-page .nav-tabs > li.active > a,
.wrapper-tab .nav-tabs > li > a:hover, .wrapper-page .nav-tabs > li > a:hover{
  background-color: transparent;
  color: #17553e !important;
  border: none !important;
  /*border-bottom: 2px solid #17553e !important;*/
}
.wrapper-tab .nav-tabs > .owl-nav-item.li.active > a, .wrapper-page .nav-tabs > .owl-nav-item.li.active > a,
.wrapper-tab .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a, .wrapper-page .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a,
.wrapper-tab .nav-tabs > li.active > a, .wrapper-page .nav-tabs > li.active > a{
  border-bottom: 2px solid #17553e !important;
}

.wrapper-tab .nav-tabs > .owl-nav-item.li > a, .wrapper-page .nav-tabs > .owl-nav-item.li > a,
.wrapper-tab .nav-pills > .owl-nav-item.li > a, .wrapper-page .nav-pills > .owl-nav-item.li > a,
.wrapper-tab .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a, .wrapper-page .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a,
.wrapper-tab .nav-pills > .owl-stage-outer > .owl-stage > .owl-item > .li > a, .wrapper-page .nav-pills > .owl-stage-outer > .owl-stage > .owl-item > .li > a,
.wrapper-tab .nav-tabs > li > a, .wrapper-page .nav-tabs > li > a,
.wrapper-tab .nav-pills > li > a, .wrapper-page .nav-pills > li > a{
  border-radius: 0;
  background-color: transparent;
  color: #505050 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
}

.wrapper-tab .nav-pills > li.active > a, .wrapper-page .nav-pills > li.active > a,
.wrapper-tab .nav-pills > li > a:hover, .wrapper-page .nav-pills > li > a:hover{
  background-color: transparent;
  color: #17553e !important;
  border: none !important;
  border-bottom: 2px solid #17553e !important;
}


.field-label{ width: 15%; color: #808080; }

.top-options{ height: 50px; margin-top: 10px; }
.top-options .to-col{ padding-left: 0; padding-right: 10px; }
.top-options .top-buttons button{ margin-left: 5px; }

.ui-datepicker{ font-size: 0.98em !important; }


.ui-datepicker a, .ui-dialog, .ui-dialog-content {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing:content-box !important;
  box-sizing: content-box !important;
}

/*.set-availability label{ padding: 0 10px; font-size: 0.9em; }*/
.set-availability input[type="text"], .set-time input[type="text"]{
  /*border: 1px solid #555;*/
  padding: 0 6px;
  width: 48px;
  text-align: center;
  margin-left: 4px;
  /*background: white;*/
}

.row.input-row .col-sm-3{ padding-right: 0px; }
.row.input-row .col-sm-9{ padding-left: 5px; }

/*.form-control{  border-radius:0; -webkit-box-shadow: none;    box-shadow: none;  font-size:14px !important;}
.form-control:focus {    border-color: #17553e;    outline: 0;    -webkit-box-shadow: none;    box-shadow: none; }*/
.btn{
  border-radius: 5px !important;
  outline: none;
  text-transform: initial;
  /*padding: 6px 12px !important;*/
  margin: 0;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  /*line-height: 1.31;*/
  letter-spacing: 0.01px;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.25);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.hover{
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.btn.btn-sm{
  font-size: .75rem !important;
}

.btn-link{
  box-shadow: none;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.hover{
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.25);
}

.btn-dark,
a.btn-dark {
  background: #303030;
  border: 1px solid #333;
  color: #fff !important;
}
.btn-dark:hover,
a.btn-dark:hover,
.btn-dark:focus,
a.btn-dark:focus,
.btn-dark:active,
a.btn-dark:active,
.btn-dark.active,
a.btn-dark.active,
.btn-dark.hover,
a.btn-dark.hover {
  background: #555 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

.widget_type_thumb{
  width: 100px;
  height: 65px;
  vertical-align: middle;
}
.widget_type_span{
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  margin-left: 10px;
}

.md-form label.active{
  z-index: 1;
}

.input-group-addon{
  border-radius: 0;
  z-index: 4;
  position: relative;
  background-color: inherit;
}

.form-control{
  margin-top:0 !important;
}

.searchForm {
  max-width: 400px;
  /*margin: 10px 0;*/
  margin: -5px 0 10px;
  /*padding-left: 8px;*/
  /*padding-bottom: 1px;*/
}
.searchForm .search-box, .searchFormV2 .search-box{
  /*background: white;*/
  font-size: 0.9rem;
  padding-left: 3px;
}
/*.filterForm .select2-choice, .filterForm .select2-choices{
  background: white;
  font-size: 14px;
}*/
.searchForm .search-icon,
.filterForm .filter-icon,
.menuForm .menu-icon,
.searchFormV2 .search-icon,
.searchFormV2_alt .search-icon{
  padding: 0 10px;
  cursor: pointer;
  /*background: white;*/
}
/*.the-dashboard .searchForm .search-icon,
.the-dashboard .searchFormV2 .search-icon,
.the-dashboard .filterForm .filter-icon{
  background: initial;
}*/
.searchForm .search-reset{
  padding: 0 0 0 6px;
  cursor: pointer;
  background: transparent;
}
.filterForm {
  max-width: 400px;
  /*margin: 10px 0;*/
  margin-bottom: 10px;
}



.no-data{
    color: grey;
    font-style: italic;
}


.navbar{
    min-height: 47px;
    font-size: 18px;
    border-bottom: 0;
}
.navbar.platform-navbar-container {
    min-height: 65px;
}
.navbar-brand {
    padding: 10px 15px 0; /*10px 25px;*/
    /*width: 100%;*/
}
/*.top-nav a:hover {
    background-color: #666;
}
.top-nav {
    padding: 15px 0 0 7px;
}*/
/*.navbar-right {
  margin-right: 10px;
  margin-top: 10px;
  font-size: 0.85rem;
}
.navbar-right .dropdown-menu {
  font-size: 1rem;
}
.navbar-right .user-display .dropdown-menu {
  min-width: 230px;
  width: 260px;
}*/
.navbar-right form { padding: 5px; }
.navbar-right .select label { display: inline; }
.navbar-right .select select { border-radius: 0; }


/* Dashboard */

.newsblock-box{
    background-color: #FFFFFF;
    margin: 15px 0 10px;
    /*padding:16px;*/
    min-height: 330px;
    border: 1px solid #DDDDDD;
}
.newsblock-box .bs-callout{
  padding:16px;
}

/*
.newsblock-box .manager-image{
  height: 242px;
  width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  -o-background-size:100% auto;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  background-size: 100% auto;
}
*/

.manager-image{
  height: 242px;
  width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-color: #F2F2F2;*/
  -o-background-size:100% auto;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  background-size: 100% auto;
}
.manager-image.sm{
  min-height: 100px;
  height: auto;
  margin-top: 50px;
  width: 150px;
  display: inline-block;
}
.manager-image.sm.dash{
  min-height: 160px;
  margin-top: 15px;
  width: 160px;
  background-position: bottom;
}
.manager-image .fa{
  color: #DDD;
  font-size: 3em;
  margin-top: 60px;
}
.newsblock-box .manager-image:hover .fa-picture-o{ display: none; }
.newsblock-box .manager-image .fa-plus-circle{ display: none; }
.newsblock-box .manager-image:hover .fa-plus-circle{ display: inline-block; }
.newsblock-box .manager-image .fa-plus-circle:hover{
  cursor: pointer;
  color: #17553e;
}

@media (max-width: 768px) {
  .the-dashboard .manager-image{
    margin-top: 15px;
  }
}


.newsblock-box h4{ color: #17553e; margin-top: 0;  }

.dragbutton{ cursor:move; position:absolute; bottom:0; left:0; right: 0; color:#cccccc; }
.dragbutton:hover{ background: whitesmoke; opacity: 0.85; }

#locations .location-box-img {
  background-size: cover;
}

#locations .grid-stack-item[data-gs-width="4"]  { width: 100% }
#locations .grid-stack-item[data-gs-width="3"]  { width: 75% }
#locations .grid-stack-item[data-gs-width="2"]  { width: 50% }
#locations .grid-stack-item[data-gs-width="1"]  { width: 25% }

#locations .grid-stack-item[data-gs-x="3"]  { left: 75% }
#locations .grid-stack-item[data-gs-x="2"]  { left: 50% }
#locations .grid-stack-item[data-gs-x="1"]  { left: 25% }


#locations .grid-stack-item-content{
  background-color: #FFFFFF;
  margin: 8px 4px;
}
#locations .ui-draggable-dragging .grid-stack-item-content{ cursor: grab; }

#groups .grid-stack-item[data-gs-width="4"] , #dashboard_categories .grid-stack-item[data-gs-width="4"] { width: 100% }
#groups .grid-stack-item[data-gs-width="3"] , #dashboard_categories .grid-stack-item[data-gs-width="3"]  { width: 75% }
#groups .grid-stack-item[data-gs-width="2"] , #dashboard_categories .grid-stack-item[data-gs-width="2"]  { width: 50% }
#groups .grid-stack-item[data-gs-width="1"] , #dashboard_categories .grid-stack-item[data-gs-width="1"]  { width: 25% }

#groups .grid-stack-item[data-gs-x="3"],#dashboard_categories .grid-stack-item[data-gs-x="3"]  { left: 75% }
#groups .grid-stack-item[data-gs-x="2"],#dashboard_categories .grid-stack-item[data-gs-x="2"]  { left: 50% }
#groups .grid-stack-item[data-gs-x="1"],#dashboard_categories .grid-stack-item[data-gs-x="1"]  { left: 25% }


#groups .grid-stack-item-content, #dashboard_categories .grid-stack-item-content{
  background-color: #FFFFFF;
  margin: 8px 4px;
  border-radius: 8px;
}
#groups .ui-draggable-dragging .grid-stack-item-content,#dashboard_categories .ui-draggable-dragging .grid-stack-item-content{ cursor: grab; }

/*.location-box img{
  width: auto;
  margin: auto;
}*/
.location-box a{ text-decoration: none; }


.location-box-contents{
    height:100%;
    text-align: left;
    width: 100%;
    padding:6px 4px;
}

.lb-btn .location-box-contents{
  padding: 5px 20px;
  border-bottom: 1px solid #e7e7e7;
}

.lb-btn .location-box-contents .fa{
  opacity: 0.4;
  margin-top: 3px;
}
.lb-btn .location-box-contents:hover .fa,
.lb-btn .location-box-contents:active .fa{
  opacity: 1;
  color: #FFF;
}

.lb-btn .location-box-contents:hover,
.lb-btn .location-box-contents:active{
  background-color: #007041;
  color: #FFF;
}

.location-box-contents h4{
  color: #17553e;
  margin: 0px 40px 0 10px;
  /*font-weight: 400;*/
  overflow: hidden;
  white-space: nowrap;
}

.location-box-contents h4 small{
  display: block;
  /*margin-top: 4px*/
  padding: 2px 0;
}

.location-box-img{
  height: 216px;
  width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #F2F2F2;
  -o-background-size:100% auto;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  background-size: 100% auto;
  /*border-top-left-radius: 5px;
  border-top-right-radius: 5px;*/
  border: 8px solid white;
  border-radius: 13px !important;

}
.slider_loc_div .location-box-img{
  height: 200px;
}
.location-box-img.group{
  height: 255px;
}
.location-box-img .fa{
  color: #DDD;
  font-size: 3em;
  margin-top: 70px;/*55px;*/
}
.location-box-img.group .fa{
  margin-top: 125px;
}
.location-box-img .fa-plus-circle:hover{
  cursor: pointer;
  color: #17553e;
}

a  > .location-box-contents{
  color: #070f0b;
}


/* List view */

.location-list-box, .group-list-box{
  background-color: #FFFFFF;
  margin: 4px 0 20px;
  padding: 0;
  height: 70px;
  border-radius: 5px;
}

.location-list-img{
  display: inline-block;
  height: 70px;
  width: 110px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  background-color: #F2F2F2;
}
.location-list-img .fa{
  color: #DDD;
  font-size: 1.6em;
  margin-top: 25px;
}


.ui-sortable-handle{
  cursor: pointer;
}
.location-list-box.ui-sortable-helper,
.group-list-box.ui-sortable-helper{
  opacity: 0.9;
}
.location-list-box .llb-bars,
.group-list-box .llb-bars{
  cursor: grab;
  float: left;
  padding: 25px 10px;
  color: #cccccc;
}
.location-list-box .llb-bars.list-view-drag-handle:hover,
.group-list-box .llb-bars.list-view-drag-handle:hover{
  background: whitesmoke;
}

.cust-dot{
  font-size: 0.85em;
  width: 15px;
  display: inline-block;
  height: 15px;
}


.type1 {
  /*min-width: 100px;*/
  display: block;
}

#revenue-graph-container .morris-hover{
    display: none !important;
}
#revenue-graph-container svg rect{
    cursor: pointer;
}
.revenue-info-modal .modal-body{
    height: calc(100vh - 296px);
    overflow: hidden;
    overflow-y: scroll;
}
.iframe{    padding: 20px; }
.iframe p{      display: inline-block; margin-left: 10px; }

.legend-cal{ margin: 0; /*4px 0;*/ }
.legend-cal div{ padding: 0 4px; }
.legend-cal div div{
  padding: 2px 0;
  font-size: 0.85em;
  text-align: center;
  border: 1px solid rgba(0,0,0,.03);
}

.legend-collapse legend{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    border-bottom: none;
    padding-bottom: 0px;
    transition: all 0.3s linear 0s;
}

.legend-collapse legend[aria-expanded="true"]{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

/* Add + sign after the collapse*/
.legend-collapse legend span {
    margin-top: 2px;
    margin-right: 5px;
    position: absolute;
    top: 0px;
    right: 0;
    transition: all 0.3s linear 0s;
}
.legend-collapse legend span.chevron-down{
    transform: rotate(90deg);
}

.conflict-list .cl-box{
  padding: 5px 0;
  font-size: 0.9em;
}
.conflict-list .cl-info{ margin-left: 18px; }

/* Multiselect (for location-parts section of event modal) */
.multiselect {
  border: 1px solid #CCC;
  border-radius: 6px;
  max-height: 372px;
  padding: 8px;
  overflow: auto;
}
.multiselect label { display:block; margin: 0; }
.multiselect input { margin-top: 0; }

.multiselect-group {
  max-height: 372px;
  padding: 6px 4px;
  overflow: auto;
}
.multiselect-group label { display:block; margin: 0; }
.multiselect-group input { margin-top: 0; }
/*.multiselect-group .m-group1, .multiselect-group .m-group2 { border: 1px solid #CCC; }*/


.modal-margin{ padding-top: 50px; }

.rec-event-range{ margin-bottom: 10px; }

.nav-tabs a{ outline: none; }


/* http://simurai.com/blog/2011/07/26/webkit-scrollbar/ */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.progress-bar-primary{ background-color: #007041; }


/* Table head */

table.table thead tr.active th{
  background-color: transparent;
  /*font-size: 0.95em;
  font-weight: bold;*/
  font-size: 1.1em;
  font-weight: 400;
}

.e-conf-row{
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #DDD;
}
.e-conf-row.active{ background-color: #F5F5F5; }
.e-conf-row .conflict-list{ margin-bottom: 15px; }


/* Location part order sorting */
.lp-order-sort .ui-state-default{
  padding: 2px 0 2px 0;
  background: white;
  border: 1px solid white;
}
.lp-order-sort .ui-state-default:hover{
  cursor: grab;
  border-top: 1px dashed #CCCCCC;
  border-bottom: 1px dashed #CCCCCC;
}

/* Makes file input like form-control */
.browse-file .form-control[disabled],
.browse-file .form-control[readonly],
.browse-file fieldset[disabled] .form-control {
    cursor: pointer;
    /*background-color: #fff;*/
    border: 0 !important;
}
.browse-file input[type='file'] {
    position: absolute;
    opacity: 0;
    height: 0;
    /* For IE8 "Keep the IE opacity settings in this order for max compatibility" */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* For IE5 - 7 */
     filter: alpha(opacity=0);
}
.browse-file .filefield{
  border: none;
  font-size: 0.9em !important;
  padding: 0 0 0 10px;
  margin-top:0;
}
.browse-file .browse-btn{
  /*margin-right: 0 !important;*/
  padding: 5px 0;
  height: 30px;
  border-radius: 8px !important;
}
/*.browse-file .input-group-btn{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}*/


.dropdown-menu{ border-radius: 0; margin-top: 0; } /* override bootstrap */

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
  color: #007041;
  background-color: whitesmoke;
}

.label-inline label{
  display: inline-block;
  padding: 0 26px 0 1px;
}
/*.type-select .label-inline label{ padding-right: 50px; }*/

#singleLocationSelect, #locationSelect{
  display: none;
}
.select-button #singleLocationSelect{
  display: inline-block;
}
.select-button .select2-container--bootstrap{
  width: auto !important;
  font-size: inherit;
}
.select-button .select2-container--bootstrap .select2-selection--single{
  border-bottom: none;
}
.select-button{
  padding: 0px 1.5rem;
  min-height: 34px;
  height: auto !important;
}
/*.select-button select{
  display: inline-block;
}
.select-button .select2-container .select2-choice, .select-button .select2-container .select2-choices{
  height: 2.0rem;
  border-bottom: none !important;
}*/
.widget-top-left-buttons{
  margin-bottom: 3px;
}

/*.select-button .select2-container .select2-choice .select2-arrow b{
  filter: brightness(200%);
}*/
.calendarView{
  display: none;
}

#event-colorpicker .minicolors-theme-bootstrap .minicolors-swatch{
  height: 19px;
  width: 24px;
  cursor: pointer;
}

#customer-details dl dt{
  font-weight: normal;
  text-align: left;
}

dl.booking-hover-details {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  margin: 0;
  font-size: 0.7rem;
}
dl.booking-hover-details.medium{
  font-size: 1rem;
}
.booking-hover-details dt {
  float: left;
  text-align: right;
  width: 30%;
  padding: 0;
  padding-right: 4px;
  margin: 0;
  margin-top: 5px;
  font-weight: 500;
  clear: left;
  opacity: 0.8;
  line-height: 0.9rem;
}
.booking-hover-details dd {
  float: left;
  width: 70%;
  padding: 0;
  padding-left: 4px;
  border-left: 1px SOLID #e5e5e5;
  margin: 0;
  margin-top: 5px;
  font-weight: bold;
  line-height: 0.9rem;
}
.booking-hover-details.medium dt,
.booking-hover-details.medium dd{
  line-height: 1.5rem;
}

#manage-reservation .infobox{
    display: inline-block;
    padding: 5px 15px 5px 15px;
    max-height: 200px;
    min-height: 200px;
    vertical-align: top;
    margin-bottom: 15px;
    margin-right: 15px;
    overflow-y: auto;
    border-radius: 5px;
}
#manage-reservation .infobox h4{
    margin: 5px 0px 5px 0px;
}

#manage-reservation .infobox.instance{
    background: #ffece8;
    border: 1px SOLID #ff927c;
}
#manage-reservation .infobox.request{
    background: #fff4e8;
    border: 1px SOLID #ffc17e;
}
#manage-reservation .infobox.billing{
    background: #edfff8;
    border: 1px SOLID #7affcb;
}
#manage-reservation .price-detail{
    background-color: inherit;
    padding: 0;
    border: none;
    font-size: 0.7rem;
    line-height: 1rem;
}
#manage-reservation .infobox.billing .sidemenu-rate-title{
    margin-bottom: 5px;
    padding: 5px;
}

#manage-reservation .panel-default{
  border-radius: 4px;
  border-color: #eee;
}
#manage-reservation .panel-default > .panel-heading{
  background-color: #eee;
  border: none;
}
#manage-reservation .panel-heading a:hover, .panel-heading a:focus{
  color: inherit;
}
#manage-reservation .panel-heading a{
  display: block;
  padding: 15px;
  margin: -15px;
}
#manage-reservation .panel-body .booking-hover-details{
  max-width: 300px;
}
#manage-reservation .panel-heading .panel-title{
  position: relative;
}
#manage-reservation .panel-heading .panel-title .badge{
  position: relative;
  position: absolute;
  right: 25px;
}
#manage-reservation .panel-heading .panel-title .badge.l-green{
  background-color: #91a99f;
}
#manage-reservation .panel-heading a:after{
  transition: all 0.5s;
  transform: rotate(180deg);
  color: inherit;
}
#manage-reservation .panel-heading a.collapsed:after {
    content: "\e114";
    transform: rotate(0deg);
}
#manage-reservation .approval-timeline-table{
    width: 100%;
}
#manage-reservation .approval-timeline-div{
    height: 100px;
    overflow-y: auto;
}
#manage-reservation .approval-timeline-table tr td:first-child{
    width: 5%;
}
#manage-reservation .approval-timeline-table tr td:nth-child(2){
    width: 35%;
}
#manage-reservation .approval-timeline-table td{
    padding: 2.5px;
}
/*
.request-modal-table tr td:first-child{
    font-weight: bold;
}
.request-modal-table tr td.customer-info,
.request-modal-table tr td.customer-info tr td:first-child{
    font-weight: normal;
}
.request-modal-table tr td.booking-info{
    font-weight: normal;
}
.request-modal-table.table tr td{
  padding: 4px;
}
.request-modal-table.table .booking-info,
.request-modal-table.table .customer-info{
  padding: 15px;
}
*/
#manage-reservation .booking-info table tr td:first-child, #manage-reservation .customer-info table tr td:first-child{
  padding: 4px;
}
#manage-reservation .booking-info > div, #manage-reservation .customer-info > div{
  padding: 15px;
  border: 1px SOLID #eee;
  border-radius: 4px;
}
#manage-reservation .booking-info, #manage-reservation .customer-info{
  margin-bottom: 20px;
}
#manage-reservation .booking-info table tr td:first-child{
  font-weight: bold;
}

.small_screen_title{
  display: none;
}

.code{
  padding: 15px;
  color: #c7254e;
  background-color: #f9f2f4;
  font-size: 0.9em;
  border: 1px solid #e9e2e4;
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  word-break: break-all;
}
.code.less{
    padding: 5px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    width: 100%;
    word-break: break-all;
}
.code.active{
  box-shadow: 0 0 2px #c7254e;
}

.hidden_verify_msgs h4{
  color:#A94442;
  display: none;
}
.hidden_verify_msgs button{
  display: none;
}
.stick {
    margin-top: 0 !important;
    position: fixed;
    z-index: 1000;
    font-size: 12px;
    background-color: #F2F2F2;
}
.today_marker{
  color: #007041;
}

a.link-cust-new, a.link-cust-all, a.link-pers-new, a.link-pers-all, a.link-icomment, a.link-seminar-new, a.link-seminar-all{
  cursor: pointer;
  color: #5e5e5e;
  font-size: 75%;
  opacity: 0.9;
  border-left: 1px solid #ccc;
  padding-left: 5px;
}
a.link-cust-new:hover, a.link-cust-all:hover, a.link-pers-new:hover, a.link-pers-all:hover, a.link-icomment:hover{
  text-decoration: none;
  opacity: 1;
}

.img-thumbnail{ border-radius: 0; padding: 3px; background-color: transparent;} /* override bootstrap */

.img-tooltip{ width: 50px; }
.img-tooltip-anchor + .tooltip .tooltip-inner{
  background:none;
  box-shadow: none;
}
.img-tooltip-anchor + .tooltip .tooltip-arrow{
  display:none;
}
.img-tooltip-anchor + .tooltip.in{
  opacity: 1;
}
.img-tooltip-anchor + .tooltip .tooltip-inner img{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

#chart_div{
  min-height: 500px;
  background-color: #EEEEEE;
}
#chart_title{
  margin-left: 15px;
  margin-top: 0px;
}
.legend-container-col{
  border-left: 1px SOLID #ddd;
}
.legend-container{
  line-height: 2rem;
}
.legend-container .legend > span{
  font-size: 14px;
  display: block;
  border-bottom: 1px SOLID #ddd;
  padding: 5px;
}
.legend-container .legend  span:last-child{
  border-bottom: none;
}
.calendarView .year_dp{
  /*max-height: 900px;*/
  /*overflow-y: scroll;*/
  background: #fff;
  /*padding: 15px;*/
  border-radius: 5px;
}

.trial-bar{
  min-height: 34px;
  font-size: 0.9em;
  color: #FFF;
  background-color: #17553e;
}
.trial-bar .btn{
  border-color: #007041;
  box-shadow: none;
  /*margin: 0;*/
  padding: 2px 14px;
  font-size: 1em;
  border: 0 !important;
}
.trial-bar .pull-right .btn{
  border-color: #B64343;
  background-color: #B64343;
}
.trial-bar .pull-right .btn:hover{
  background-color: #A33838 !important;
}
.trial-bar span{
  padding: 6px 12px;
}
.trial-bar span.pull-right{
  padding-left: 0;
}
.trial-bar span.pull-left{
  padding-right: 0;
}

.trial-bar.unapproved-package{
  background-color: #C00;
}
.trial-bar.unapproved-package .btn{
  background: darkred;
}

.theme-bottom-bar{
  min-height: 10px;
  background-color: #303030;
}

/*tinyMCE override*/
.mce-container label,.mce-txt,.mce-title,.mce-textbox{
  font-family: 'Open Sans', sans-serif !important;
}

.mce-primary,.mce-menu-item-normal.mce-active,.mce-menu-item-normal:hover{
  background-color: #17553e !important;
}

/* Calender overrides */

/*.calendarwhite_event, .scheduler_white_event{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}*/

.calendarwhite_corner_inner, .calendarwhite_cornerright_inner, .calendarwhite_rowheader_inner,
.calendarwhite_alldayheader_inner, .calendarwhite_colheader_inner{
  background: transparent !important;
  color: inherit !important;
}

.scheduler_white_corner, .scheduler_white_rowheader,
.scheduler_white_timeheadergroup{
 color: inherit !important;
}

.calendarwhite_cell{ color: #070f0b;  }

.cartItems td{
  font-size: 16px;
}
.cartItems .sum-rows td{
  border:none;
  text-align: right;
  background-color:#F2F2F2;
}

/* override bootstrap */
/*.navbar-collapse{
  text-align: right;
}*/
@media (max-width: 767px) {
  /*On manager dashboard, full collapse only works on <= 768px*/
    .navbar-toggle {
        display: flex;
    }
}
@media (max-width: 991px) {/*Upto md size (inc)*/
    .navbar-header {
        float: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
        margin-top:60px;
    }
    .collapsing {
        /*overflow: hidden!important;*/
        width:100%;
    }
    .margin-top-md{
      margin-top:15px;
    }
}
@media (max-width: 768px){ /*Upto sm size (inc)*/
    .navbar-collapse.collapse.in {
        display: block!important;
        margin-top:0px;
        width:100%;
    }
    .collapsing {
        overflow: hidden!important;
    }
    /*.top-nav{
      padding: 5px 10px 0 7px;
    }*/
    .navbar-fixed-top{
      /*min-height: 70px;*/
      border-radius: 0;
    }
    .navbar-right {
      float: right!important;
      padding-left:0px;
      margin-right: 0;
    }
    .navbar-brand{
      /*padding: 15px 0 0 20px;*/
    }
    .navbar-nav{
      margin-top:0px;
    }
/*    .user-display .dropdown-menu{
      left: -85px;
    }*/
    /*#page-wrapper .calendar-top{
      padding: 10px 10px 5px;
    }*/
    /* Style overrides to support responside sidebar panel */
    .wrapper-panel .nav-tabs > .owl-nav-item.li > a, .wrapper-panel .nav-pills > .owl-nav-item.li > a,
    .wrapper-panel .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a, .wrapper-panel .nav-pills > .owl-stage-outer > .owl-stage > .owl-item > .li > a,
    .wrapper-panel .nav-tabs > li > a, .wrapper-panel .nav-pills > li > a{
      margin: 1px 0;
      padding: 2px 4px;
    }
    .wrapper-panel .nav-tabs{
      padding: 4px 12px !important;
      height: 46px !important;
    }
    .booking-sidebar .wrapper-panel .nav-tabs{
      height: auto !important;
    }
    .wrapper-panel .tab-pane{
      padding: 8px 16px !important;
    }
    #mod-event.panel-modal .panel-body{
      /*padding: 10px 15px;*/
    }
    #mod-event.panel-modal .panel-header{
      margin-bottom: 10px;
    }
}
/*.navbar-nav.top-nav > li.active > a{
  background: #EEEEEE !important;
  color: #17553e !important;
  padding: 20px 15px !important;
}
.navbar-nav.top-nav > li:hover.active > a{
  background: #EEEEEE !important;
  color: #17553e !important;
}
.navbar-nav.top-nav > li:hover > a{
  background: #000 !important;
}
.navbar-nav.top-nav li{
  display:block;
}
.navbar-nav.top-nav li a{
  line-height: 15px;
  overflow: inherit;
}*/
.navbar-toggle{
  margin-right: 0px;
}

/*override end*/
/*.row input{ margin-bottom:12px; }*/
@media (max-width: 480px) {
    /*.nav-tabs > .owl-nav-item.li,*/
    /*.nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li,*/
    .nav-tabs > li {
        float:none;
        display: inline-block;
    }
}
@media (min-width: 991px) {/*Greater than md*/
  .left-attached-md{
    padding-left:0px;
  }
}
.sidr > span > ul li{
  list-style-type: none;
  color:#007041;
}

.sidr > span > ul{
  background: #fff;
  border-bottom: 1px #F2F2F2 SOLID;
  margin-bottom:0px;
  /*padding-left:20px;*/
}
.sidr .dropdown-menu{
  top:initial;
  right:initial;
}
.sidr button{
  padding: 15px 20px 15px 0px;
}
.sidr button.dropdown-toggle{
  padding: 15px 15px 15px 0px;
  width:100%;
  text-align: left;
}
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 2000;
  width: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 15px;
  background: #F2F2F2;
  /*color: #fff;*/
  box-shadow: inset 10px 10px 26px -20px rgba(69,69,69,1);
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -220px;
  text-align: left;
}
.sidr.left {
  left: -220px;
  right: auto;
}
.sidr .btn-link:hover,.sidr .btn-link:focus{
  text-decoration: none;
}
.closesidr{
    background: #000000;
    opacity: 0.2;
    position: fixed;
    z-index: 1031;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.hasDatepicker[readonly], .colorpicker[readonly]{
  background-color: #fff;
}

/*.btn .fa{
  font-size: inherit;
}
.btn-group .btn{
  margin-left:1px !important;
}*/

/*.input-group input{
  padding:6px 12px !important;
  background-color: #ffffff;
}
.input-group input:focus{
  z-index: 1 !important;
  background-color: #ffffff;
}*/
@media (max-width: 991px) {
  .tab-pane{
    padding: 15px 10px;
  }
}
.html-tooltip + .tooltip .tooltip-inner{
  background-color: #fff !important;
  color:inherit;
}
.html-tooltip + .tooltip .tooltip-arrow{
  border-top-color : #fff;
}
.html-tooltip + .tooltip.in{
  opacity: 1;
}
.html-tooltip + .tooltip{
  position: fixed;
}
.modal-open{
  overflow: hidden !important;
}
@media (max-width: 420px){
  .panel-open-body{
    overflow: hidden !important;
  }
}
.package-panel{
  height:200px;
  cursor: pointer;
  /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
  transition: .2s ease-out;
}
.package-panel:hover{
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.package-panel.selected{
  box-shadow:none;
  cursor: inherit;
  border: 1px SOLID #007041;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.package-panel.selected .panel-heading{
  background-color: #007041;
  color:#fff;
}
.package-panel.selected .panel-heading h3{
  font-weight: normal;
}
.picker__holder{
  outline: none;
  overflow-y: inherit !important;
}
.picker__holder::-webkit-scrollbar-thumb{
  background: none;
}
@media (max-width: 420px){
  .picker--opened .picker__frame {
    top: 10px !important;
  }
  .week_time .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
    line-height: 25px;
  }
}
.payment-groups{
  border-bottom:1px SOLID #ddd;
  padding:10px;
  /*margin:10px 0px 10px 0px;*/
}
.catchy{
  margin:20px;
}

/*pickadate header*/
/*http://amsul.ca/pickadate.js/*/
.picker__day{
  line-height: 2.2;
}
.picker__date-display {
    text-align: center;
    background-color: #007041;
    color: #fff;
    padding-bottom: 15px;
    font-weight: 300;
}
.picker__weekday-display {
    background-color: #17553e;
    padding: 10px;
    font-weight: 200;
    letter-spacing: .5;
    font-size: 1rem;
    margin-bottom: 15px;
}
.picker__month-display {
    text-transform: uppercase;
    font-size: 2rem;
}
.picker__day-display {
    font-size: 4.5rem;
    font-weight: 400;
}
.picker__year-display {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.4);
}
.picker__weekday{
  text-align: center;
}
.picker__nav--prev, .picker__nav--next{
  top: 15.65em !important;
  width:0.5em !important;
}
.picker__nav--prev:before, .picker__nav--next:before{
  border-right-color: #070f0b !important;
  border-left-color: #070f0b !important;
}
.picker__nav--next{
  right:0em !important;
}
.picker__nav--prev{
  left:0em !important;
}
.picker__frame{
  width:300px !important;
  font-size: x-small;
}
.picker--time .picker__frame{
  font-size: inherit;
}
.picker__box{
  padding: 0px !important;
}
.picker__select--month, .picker__select--year{
  margin-top: 0.5em !important;
  padding: 0 .5em !important;
}
.picker__select--year {
    width: 24.5% !important;
}
.picker__select--month {
    width: 38% !important;
}
.picker__header {
  margin-top: 0px !important;
}
.picker__day--today{
  color:#007041 !important;
  font-weight: bolder !important;
}
.picker__day--today:before{
  border:none !important;
}
.picker__day--infocus:hover, .picker__day--outfocus:hover {
  background: none !important;
  font-weight: bolder !important;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected,.picker__day--selected.picker__day--highlighted{
  background:#007041 !important;
  color:#fff !important;
  border: none !important;
  border-radius: 50%;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
  -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
     transform: scale(.9);
}

.picker__day--highlighted{
  border: none !important;
  background:none !important;
  color:inherit;
}
.picker__day--outfocus{
  display: none;
}
.modal .picker--opened .picker__frame{
  top:0px !important;
}
.picker__wrap{
  height:auto !important;
}

.picker__input.picker__input--active{
  border-color: #007041 !important;
  /*border-width: 2px;*/
}


#DateContainer1 .picker--opened .picker__holder,
#DateContainer2 .picker--opened .picker__holder{
  position: relative !important;
}
#DateContainer1 .picker--opened .picker__frame,
#DateContainer2 .picker--opened .picker__frame{
  position: relative !important;
  top:-20px !important;
}


/*clockpicker overrides*/

/*https://github.com/weareoutman/clockpicker*/
.clockpicker-popover .popover-title{
  background-color:#007041 !important;
  color: rgba(255,255,255,0.4) !important;
  font-size:3.5rem !important;
  height:100px !important;
}
.clockpicker-popover .popover-title .text-primary{
  color:#fff !important;
}
.clockpicker-popover .popover-content{
  background-color:#fff !important;
}
.clockpicker-plate{
  border:none !important;
  background-color: #eee !important;
}
.clockpicker-canvas-bg-trans, .clockpicker-canvas-bg{
  fill:rgba(0,149,0,0.25) !important;
}
.clockpicker-canvas-bearing{
  fill:#070f0b !important;
}
.clockpicker-canvas-fg{
  display: none;
}
.clockpicker-canvas line{
  stroke:#007041 !important;
}
.clockpickertick.active,.clockpicker-tick:hover{
  background-color: rgba(0,149,0,0.25) !important;
}
.clockpicker-popover .popover-title{
  line-height: inherit !important;
}
/*mdbootstrap fancy labels*/
/*.md-form label{
  top: 0.5rem;
  width: 100%;
  color: #CCC;
}
.md-form label.active{
  color:#007041;
  top: 0.7rem;
}*/
span.active-static{
  /*color:#007041;*/
  top: 0.7rem;
  font-size: .9rem;
}
label.active-static{
  /*color:#007041;*/
  top: 0.4rem;
  font-size: .9rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
  left: auto;
}
label.active-fixed{
  color:#007041;
  font-size: .8rem;
  left: auto;
  display: initial;
}
md-form label.active-fixed{
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
}

textarea.md-textarea{
  padding: .4rem 0;
  min-height: 4rem;
  color: #333;
  font-weight: 300;
  resize:vertical !important;
}

/*.select2-container .select2-choice, .select2-container .select2-choices{
  background: transparent;
  height: 2.1rem;
  line-height: 1;
  border:none !important;
  border-bottom: 1px SOLID #ccc !important;
}
.select2-dropdown-open .select2-choice{
  border-bottom: 1px SOLID #007041;
}
.select2-container .select2-choice > .select2-chosen{
  padding: 8px 0;
}
.modal-body .select2-container.form-control{
  display: inline-block;
}*/
/*.modal-body .md-form.select{ top: 0.1rem; }*/

.set-availability input[type="text"],
.set-time input[type="text"]{
  border:none;
  background: whitesmoke;
  color: inherit;
}
.input-group input{
  padding-left: 4px !important;
  /*border-left: 0;
  border-right: 0;*/
  border-radius:0 !important;
  box-shadow: none !important;
}

/*calendar-top fixes*/
.calendar-top .btn-calendar-group{
  vertical-align: bottom;
  border-left: 1px SOLID #d9d9d9;
}
#sidr .dropdown-menu>li.active>a{
  background-color: #007041;
  color:#ffffff;
}
.btn-calendar-group .dropdown-toggle{
  text-align: left;
}
.ct-info:not(.widget), .calendar-top-toggle{
  display: inline-block;
  background-color: #fff;
  /*margin-bottom: 15px;*/
  border: 3px solid #efefef;
  padding: 0 2px;
  border-top: 0px;
  font-size: small;
  left:0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  transition: .2s ease-out;
  margin-left: 8px;
}
.calendar-top-toggle{ margin-left: 35px; }
.ct-info:not(.widget):hover{
  opacity: 0.8 !important;
}
.calendar-top .btn-group>.btn{
  float: none;
}
.top-date{
  text-align:center;
  display: inline-block;
  margin-top: -10px;
}
.top-date label{
  cursor: pointer;
  font-weight: 600;
}
.top-date p,.top-date label{
  margin:0px;
}
.top-date .day{
  font-size:10px;
}
.top-date .month, .top-date .date{
  font-size:14px;
}
.top-date .date{
  font-weight:bold;
}
.top-date .year{
  font-size:12px;
}
.top-date-alt{
  margin: 0px -10px;
}
@media (min-width: 1200px){
  .calendar-top-filters{
    margin-top: -15px;
  }
}
.under-navbar-static{
  position: fixed;
  width:100%;
  z-index:1029;
  left:0;
}
.panel-open .under-navbar-static{
  padding-right: 420px;
}
#ai-agent-frame.icon-move{
    margin-right: 420px;
}
.calendar-top-toggle{
  color:#007041;
  cursor: pointer;
}
.calendar-top-toggle:hover{
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

/*input-grp fix*/
/*.form-group .input-group .btn{
  min-width: 40px !important;
}*/
/*.form-group .input-group{
  margin-top: 0px;
  height: 40px;
}
.form-group .input-group input{
  margin-top:0px;
  height:40px;
}*/
@media (max-width: 767px){
  .calendar-top-filters{
    text-align: center;
  }
  .calendar-top .btn-calendar-group{
    border:none;
    width: 100%;
  }
  .calendar-top .btn-calendar-group .prev{
    float: left;
  }
  .calendar-top .btn-calendar-group .next{
    float: right;
  }
}

.btn-group .btn{
  margin: 0 6px;
}
.btn.btn-sm.btn-square {
  padding: 0.5rem;
}

.input-group-addon,
.input-group .btn{
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #ced4da;
}

.input-group-addon:first-child{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  box-shadow: none !important;
}

.input-group .select2-container--bootstrap .select2-selection,
.input-group input:last-child,
.input-group-addon:last-child{
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  box-shadow: none !important;
}


.z-depth-none{
  box-shadow: none !important;
}
.z-depth-0{
  box-shadow: 0 0 2px #CCCCCC !important;
}

.table.tabel-hover tr:hover{
  background-color: #F2F2F2;
}


/*.top-buttons .btn{ margin: 0; }*/


.input-group .btn{
  height: 32px;
  min-width: 130px;
  /*box-shadow: none;*/
  box-shadow: 1px 1px 2px #777;
  padding: 0 8px;
}


/*table.table tr td a.btn{ margin: 0; }*/

.md-form .input-group{
  border: none;
}
.browse-file.input-group .btn{
  box-shadow: 0 5px 12px -8px rgba(0, 0, 0, 0.11) !important;
  border-radius: 8px !important;
  border: none;
  padding: 5px;
}
.browse-file.input-group .btn:hover{
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}


.modal-footer .btn + .btn{
  margin-top: 0;
  margin-bottom: 0;
}

.price-detail,.price-detail-offer{
  text-align: right;
  background: #e4eae6;
  color: #17553e;
  border-top: 1px solid #007041;
  padding: 4px 12px;
  margin-top: 10px;
  font-size: 1.1em;
}
.price-detail .price-val,.price-detail-offer .offer_price-val {
  font-size: 1.3em;
}
.price-detail .price-view,.price-detail-offer .offer_price-view{
  display: inline-block;
  width: 125px;
}
.widget .img-thumbnail{
  border: none;
  background-color: initial;
}
#printable-table{
  width: 100%;
  display: none;
}
#printable-table .calendar_res_img{
  display: none;
}
/*#printable-table thead tr th{
  text-align: center;
}
#printable-table td, #printable-table th{
  border: 1px SOLID #999;
  height: 20px;
  background-color: #fff;
}
#printable-table th.time{
  padding:5px;
}*/
.print-event-cell{
  height: 100%;
}
.print-event-cell tr td{
  width: 50%;
}
.flash {
  background-color: lightyellow !important;
}

/*Make menu open by hover*/
.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}
.dropdown:hover .dropdown-menu:not(.megamenu):not(.mega-menu-sub) {
  display: block;
}
.dropdown-menu[custom="yes"] {
	visibility: hidden;
	transition: all 0.5s;
  display: block;
}

.dropdown:hover .dropdown-menu[custom="yes"]{
  display: block;
	visibility: visible;
	transition-delay: 0s;
}

.flipped{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.part_info_toggle i{
    transition: 200ms linear all;
}
.part {
  padding: 2px 0 2px 0;
}
.part .part-container {
  display: flex;
  align-items: center;
}
.part .part-container--input {
  flex-grow: 1;
  margin-right: 1rem;
}
.part .part-container--input .input-group-addon {
  background: white;
  font-weight: bold;
}
.part .part-container .part_info_toggle {
  align-items: center;
}

/* Style fix for from rendered via builder */

.form-builder .checkbox-group,
.form-builder .radio-group,
.rendered-form .checkbox-group,
.rendered-form .radio-group {
  margin-left: 25px;
}

/* Quota progress display */

.chart-circle {
  display: block;
  height: 8rem;
  width: 8rem;
  position: relative;
}

.chart-circle canvas {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.chart-circle-xs {
  height: 2.5rem;
  width: 2.5rem;
  font-size: .8rem;
}

.chart-circle-sm {
  height: 3.5rem;
  width: 3.5rem;
  font-size: .8rem;
}

.chart-circle-value {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
}

.chart-circle-value small {
  display: block;
  color: #9aa0ac;
  font-size: 0.9375rem;
}

/* Hall widget */

.event-hall-panel{
    border-top: 5px SOLID #cacaca;
    background-color: #f8f8f8;
    width: 100%;
    padding-bottom: 10px;
}
.event-hall-panel.live{
    border-top: 5px SOLID #007041;
}
.event-hall-panel table{
    width: 100%;
}
.event-hall-panel table tr td{
    /*padding: 15px;*/
    padding: 0px;
    padding-left: 20px;
}
.event-hall-panel table tr td:first-child{
    width: 75%;
    color: #007041;
    vertical-align: top;
}
.event-hall-panel table tr:nth-child(2) td:first-child{
    width: 323px;
    word-wrap: break-word;
    display: inline-block;
    color: #868585;
    height: 70px;
    font-size: 16px;
    vertical-align: middle;
}
.event-hall-panel table tr td:nth-child(2){
    width: 25%;
}
.event-hall-panel table tr:first-child td:nth-child(2){
    background-color: #cacaca;
    height: 86px;
    text-align: center;
    color: #fff;
    padding: 0;
}
.event-hall-panel.live table tr:first-child td:nth-child(2){
    background-color: #007041;
}
.event-hall-panel table tr:nth-child(3) td:nth-child(2){
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    color: #868585;
}
.event-hall-panel table tr:nth-child(3) td:first-child{
    vertical-align: bottom;
}

.event-hall-panel tr:first-child td div{
    height: 108px;
    overflow: hidden;
    padding-right: 10px;
}

.event-hall-panel tr:first-child td div h3{
    width: 323px;
    word-wrap: break-word;
}

.field-bugfix-tinymce{ display: none !important; }

.summary_quota input[type="number"], .summary_addon input[type="number"]{
  width: 50px;
  margin-left: 10px;
  text-align: center;
  font-size: 12px;
  border: 1px SOLID #ccc;
  height: 20px;
}

.quota_calc_table{
  table-layout: fixed;
  border: 1px SOLID #ccc;
  margin-top: 50px;
}

.quota_calc_table tr td:nth-child(1){
  text-align: right;
  width: 66%;
  border-right: 1px SOLID #ccc;
}

.quota_calc_table tr td:nth-child(2){
  text-align: right;
  width: 33%;
}

.quota_calc_table.addon{
  margin-top: 0px;
}

.cancellation-table{
    width: auto;
    max-width: 500px;
    border: 1px SOLID #ccc;
    background-color: #fff;
}

.cancellation-table tr th:nth-child(1),
.cancellation-table tr td:nth-child(1){
  border-right: 1px SOLID #ccc;
}

.conflicting_reservation_data{
  border:1px SOLID #ccc;font-size:12px;position: absolute;right: 0;top:0;height: 194px;overflow: auto;margin: 15px;
}

@media (max-width: 999px){
  .conflicting_reservation_data{
    position: relative;
  }
}

@media (min-width: 1000px){
  .manager-res-left.dl-horizontal{
    width: 50%;
  }

  .conflicting_reservation_data{
    width: 45%;
  }
}

.request-preview-div{
  font-size: 12px;
  padding: 2px 0px 2px 0px;
  border-bottom: 1px SOLID #ddd;
}
.request-preview-div label{
  margin-bottom: 0px;
}
.request-preview-div span{
  font-size: 11px;
}

.widget_customer_list_table_container{
    overflow: auto;
    max-height: 500px;
}
.widget_customer_list_table{
  width:100%;
}

.widget_customer_list_table tr td{
  width:50%;
  padding: 15px;
}
.widget_customer_list_table tr th{
  width: 50%;
  padding: 0px 15px 0px 15px;
  color: #5B5B5B;
}
.widget_customer_list_table tr td:nth-child(2), .widget_customer_list_table tr th:nth-child(2){
  text-align: right;
}

.widget_customer_list_table tr.odd {
    background-color: #F4F4F4;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid white;
}

.widget_customer_list_table tr, tr.even {
    background-color: #F9F9F9;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid white;
}

#mod-event #tab-edit{
  -webkit-transition-property: margin; /* Safari */
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-property: margin;
  transition-duration: 0.5s;
}

/* Panel */

.panel-modal{
  background: #303030;
  position: fixed;
  height: 100%;
  width: 420px;
  right: 0;
  z-index: 1031;
  bottom: 0;
}

@media (min-width: 421px){
  .panel-modal:not(#mod-event){
    height: 100vh;
  }
}

.panel-modal.slideOutRight {
  -webkit-animation: slideOutRight 0.5s; /* Safari 4+ */
  -moz-animation:    slideOutRight 0.5s; /* Fx 5+ */
  -o-animation:      slideOutRight 0.5s; /* Opera 12+ */
  animation:         slideOutRight 0.5s; /* IE 10+, Fx 29+ */
}
.panel-modal.slideInRight {
  -webkit-animation: slideInRight 0.5s; /* Safari 4+ */
  -moz-animation:    slideInRight 0.5s; /* Fx 5+ */
  -o-animation:      slideInRight 0.5s; /* Opera 12+ */
  animation:         slideInRight 0.5s; /* IE 10+, Fx 29+ */
}

.panel-modal label,
.panel-modal input{
  font-size: 13px !important;
}

.panel-moves, #ai-agent-frame{
  -webkit-transition-property: margin; /* Safari */
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-property: margin;
  transition-duration: 0.5s;
}
.panel-moves.panel-open{
  margin-right: 0;
}

@media (min-width : 1025px) {
  .panel-moves.panel-open{
    margin-right: 420px;
  }
}

.panel-moves.pm-plus.panel-open{
  margin-right: 445px;
}

.panel-modal .progress{
  /*height: 40px;
  margin: 15px;*/
  margin: 30px 20px 0;
}

.panel-modal .panel-header{
  color: white;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 1em;
}

.panel-modal .panel-dismiss{
  position: absolute;
  cursor: pointer;
  float: left;
  left: -26px;
  /*top: 4px;*/
  padding: 2px !important;
  background: #303030;
  color: #BFBDBE !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.panel-modal .wrapper-panel{
  margin: 0 -14px;
}

.panel-modal .set-availability input[type="text"],
.panel-modal .set-time input[type="text"]{
  background: none;
  color: inherit;
  border-bottom: 1px solid #ccc;
}

.panel-modal .set-availability input[type="text"]{
    /*max-width: 42px;*/
    padding: 0;
}
.panel-modal .set-availability .BookingFromTime,
.panel-modal .set-availability .BookingToTime{
    /*max-width: 42px;*/
    padding: 0 !important;
}

.wrapper-panel button.modal-submit{
  position: relative;
  float: right;
  margin: 15px 5px 0 0;
}
.wrapper-panel button.modal-close{
  margin: 15px 5px 0 0;
}

.wrapper-panel .nav-tabs{
  background: white;
  padding: 8px;
}

.wrapper-panel .nav-tabs > .owl-nav-item.li.active > a,
.wrapper-panel .nav-tabs > .owl-nav-item.li > a:hover,
.wrapper-panel .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a,
.wrapper-panel .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a:hover,
.wrapper-panel .nav-tabs > li.active > a,
.wrapper-panel .nav-tabs > li > a:hover{
  background-color: white;
  color: #17553e !important;
  /*border-bottom: 2px solid #17553e;*/
  border-bottom: 2px solid transparent !important;
}
.wrapper-panel .nav-tabs > .owl-nav-item.li.active > a,
.wrapper-panel .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a,
.wrapper-panel .nav-tabs > li.active > a{
  border-bottom: 2px solid #17553e !important;
}

.wrapper-panel .nav-tabs > .owl-nav-item.li > a,
.wrapper-panel .nav-pills > .owl-nav-item.li > a,
.wrapper-panel .nav-tabs > .owl-stage-outer > .owl-stage > .owl-item > .li > a,
.wrapper-panel .nav-pills > .owl-stage-outer > .owl-stage > .owl-item > .li > a,
.wrapper-panel .nav-tabs > li > a,
.wrapper-panel .nav-pills > li > a{
  border: 0;
  border-bottom: 2px solid transparent;
  color: #5e5e5e;
  border-radius: 0;
  background: transparent;
  margin: 2px;
  padding: 4px 6px;/*5px 10px;*/
}

.wrapper-panel .nav-pills > .owl-nav-item.li.active > a,
.wrapper-panel .nav-pills > .owl-nav-item.li > a:hover,
.wrapper-panel .nav-pills > .owl-stage-outer > .owl-stage > .owl-item > .li.active > a,
.wrapper-panel .nav-pills > .owl-stage-outer > .owl-stage > .owl-item > .li > a:hover,
.wrapper-panel .nav-pills > li.active > a,
.wrapper-panel .nav-pills > li > a:hover{
  background-color: #17553e;
  color: white !important;
}

#tab_edit_instance .btn-info,
.wrapper-panel .booking-status .dropdown-toggle{
  background: #5e5e5e;
  color: white !important;
}
.wrapper-panel .booking-status.open .dropdown-toggle{
  background-color: white;
  color: #17553e !important;
}
.wrapper-panel .booking-status .dropdown-toggle .text-primary{
  color: white;
}
.wrapper-panel .booking-status.open .dropdown-toggle .text-primary{
  color: #17553e;
}
.wrapper-panel .booking-status .dropdown-menu li.small{ font-size: 95% }

.wrapper-panel .tab-pane{
  background-color: white;
  /*max-height: 520px;*/ /*610px;*/
  overflow-y: auto;
  /* overscroll-behavior: contain; */
  padding: 16px;
}

.wrapper-panel .nav-tabs{
  border-radius: 0;
}
.wrapper-panel .tab-pane{
  border-radius: 0;
}

/* Panel field style overrides */

.wrapper-panel input,
.wrapper-panel textarea,
.wrapper-panel .select2-container .select2-choice,
.wrapper-panel .select2-container .select2-choices
{
  /*border-bottom: none !important;*/
  line-height: 1.5em;
}

.wrapper-panel input,
.wrapper-panel textarea,
.wrapper-panel .select2-container,
.wrapper-panel .select2-container .select2-choice > .select2-chosen,
.wrapper-panel .select2-container .select2-choices .select2-search-field input
{
  font-size: 13px;
  font-weight: 400;
}

.wrapper-panel .col-form-label{
  /*line-height: 2.6em;*/
  word-break: break-all;
  padding-bottom: 12px;
  padding-top: 6px;
}

.wrapper-panel .form-group{
  margin-bottom: 0;
}

.wrapper-panel .select2-container .select2-choices .select2-search-field input{
  padding: 0 !important;
}

.wrapper-panel .height-adjust{
  /*height: 2.6em;*/
  min-height: 2.6em;
  padding: 6px 0;
}

.wrapper-panel .price-badge-holder{
  text-align:right;
  position: relative;
}
#preview-price-badge{
  background: #17553e;
  color: #fff;
  font-size: 10px;
  padding: 2px;
  border-radius: 5px;
  position: absolute;
  right: -4px;
  top: -12px;
}

@media (max-width: 420px){
  #preview-price-badge{
    top: -8px;
  }
}


.wrapper-panel .text-disable,
.wrapper-panel input[disabled="disabled"]{
  color: #BBB;
}

.wrapper-panel .radio label::before, .wrapper-panel .checkbox label::before{
  background: #EEEEEE;
}

.wrapper-panel .multiselect{
  border: none;
}

.wrapper-panel .multiselect .loca-s-row{
  margin-left: 25px;
}

.wrapper-panel .multiselect .loca-s-row .arrow-icon{
  margin-left: -40px;
  float: left;
  position: relative;
}

.wrapper-panel hr{
  margin: 0.5rem 0;
}

@media (max-width: 768px){
  .wrapper-panel .nav.owl-carousel{
    height: 55px;
  }
}

.panel-modal .select2-container{
  background: none;
}

#BookingManage .picker .picker__frame,
#DocumentManage .picker .picker__frame,
.panel-modal .picker .picker__frame{ margin-right:5%; }

.btn-calendar-group.datepicker .picker{
  display: none;
}
.btn-calendar-group.datepicker .picker.picker--opened{
  display: block;
}
.btn-calendar-group.datepicker .picker .picker__holder{
  position: absolute;
}
.btn-calendar-group.datepicker .picker .picker__frame{
    margin-left: 0px;
    top: 0px;
}
.seminar-top.platform .btn-calendar-group.datepicker .picker .picker__frame{
  top: 32px;
}
/*Resource groups*/

.resource-group-detail-top .back{
  padding:10px 0px;
}

.resource-group-detail-top .table-pane{
  margin-bottom:10px;
}

.resource-group-detail-top .table-pane .img-div{
  height:70px;
  width:110px;
  display: inline-block;
}

.resource-group-detail-top .table-pane .no-img-div{
  background-color: #F2F2F2;
  height:70px;
  width:110px;
  display: inline-block;
  text-align:center;
}

.resource-group-detail-top .table-pane .no-img-div .fa{
  color: #DDD;
  font-size: 1.6em;
  margin-top: 25px;
}

.resource-group-detail-top .table-pane h3{
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
}

.resource-group-detail-top.v2{
  margin-left: 14px;
}

.group-btn .location-box-contents{
  padding: 10px 10px;
  border-bottom: 1px solid #e7e7e7;
  color: #070f0b;
}

.group-btn .location-box-contents .fa{
    /*opacity: 0.4;*/
    margin-top: 3px;
    margin-left: 10px;
}

.mbox {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px 55px 10px 25px;
    padding-left: 4px;
}

.customer_settings_table{
  width: 100%;
}

.customer_settings_table tr td:last-child{
  width: 10px;
  padding-left:8px;
}

#revocation-text, #tnc-text{
  max-height: 200px;
  overflow: scroll;
  border-bottom: 1px SOLID #ddd;
}


.mediamanager-contents h4{
  color: #17553e;
  margin: 8px 10px 10px 0px;
  /*font-weight: 400;*/
  overflow: hidden;
  white-space: nowrap;
}

.mediamanager-image{
  height: 250px;
  width: 250px;
  background-color: #fff;
}

.account-login-logo{
  /*background-color: #efefef;*/
  min-height: 120px !important;
  height: auto !important;
  margin-top: 5px !important;
  width: 120px !important;
  border-radius: 5px;
}
.account_details h4{
  color: #17553e;
  margin-top:5px;
}

.customer_filter_form .select2-selection__rendered{
  font-size: 14px !important;
}


/*#table-dates tr.active>td,*/

.pagination a{
  border-radius: 4px !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
  background-color:#007041;
  color: white !important;
}
.pagination > li > a, .pagination > li > span{
  color:#007041;
  padding: 6px 6px;
  margin: 0 2px;
  box-shadow: 0 0 1px #ccc;
}

.pagination .page-link{
  letter-spacing: -1px;
  width: 26px;
  height: 26px;
  padding: 4px 0px;
  font-size: 0.9em;
  text-align: center;
}

.pagination .page-link:hover{
  background-color: #007041;
  color:white !important;
}

ul.pagination {
    margin-bottom: 20px !important;
    min-width: 80%;
}

ul.pagination .input-group{
  float:right;
}

ul.pagination .dropdown-item{
  padding: 5px;
}

.footer-pagination-row .row{
  margin:0;
}

.vbt-table-wrapper .float-right{
    float:right;
}

.vbt-table-wrapper .form-group{
    margin-bottom: 0;
}

.vbt-table-wrapper .form-control{
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    height: 30px;
}

.vbt-refresh-button, .vbt-header-row{ display: none; }

.vbt-table-wrapper td.no-padding{ padding: 0px !important; }

.vbt-table-wrapper .table{
    border-bottom: 0;
    margin-bottom: 0;
}

.vbt-table-wrapper .table > thead > tr > th{ border: 0; }
.vbt-table-wrapper th{ padding: 0 !important; }
.vbt-table-wrapper th.vbt-column-header{ padding: 6px 8px !important; }

#seminar_dates_list .vbt-table-wrapper th,
#seminar_date_participation_list .vbt-table-wrapper th,
#seminar_date_waiting_list .vbt-table-wrapper th{
  padding: 0 !important;
}
#seminar_dates_list .vbt-table-wrapper th.vbt-column-header,
#seminar_date_participation_list .vbt-table-wrapper th.vbt-column-header,
#seminar_date_waiting_list .vbt-table-wrapper th.vbt-column-header{
  padding: 2px 2px 6px !important;
}
.pull-none{ float: none !important; }
.vbt-table-wrapper .btn.btn-secondary{
    font-size: .8rem;
    padding: .3rem .6rem;
    color: #070f0b !important;
    background-color: #FFFFFF !important;
    box-shadow: inset 0 0 1px #777;
}

.vbt-column-header{
    font-size: 85%;
}

.vbt-table-wrapper .dropdown-menu{
    min-width: 210px;
    font-size: small;
    padding: 8px;
    margin-bottom: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15) !important;
    border: 1px solid #eee;
    /* left: 0; */
    transition: all 0.5s linear;
}

.vbt-table-wrapper .dropdown-menu .dropdown-item{
    color: #777;
}
#resources_table .table-responsive{
  overflow-x: scroll;
}
.restore_instance {
  width: max-content;
}

@media only screen and (max-width: 1580px) {
  .media-platform-url + .dropdown-inline .dropdown-menu{
    left: -155px;
  }
}


.linkcustom {
  color: #070f0b;
  display: block;
}

.card-seminar .img-wrap, .card-checkin .img-wrap {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    position: relative;
    max-height: 220px;
    text-align: center;
}
.card-seminar .img-wrap img ,.card-checkin .img-wrap img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}
.card-seminar .info-wrap, .card-checkin .info-wrap {
    overflow: hidden;
    /*padding: 15px;*/
    padding-top: 15px;
    /*border-top: 1px solid #eee;*/
}
.card-seminar .bottom-wrap, .card-checkin .bottom-wrap {
    /*padding: 15px;*/
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.label-rating { margin-right:10px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.card-seminar .price-old {
    color: #999;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}


/*New widget custom*/
.widget-logo{
  height: 100px;
}
.widget-heading-link{

}

.loader {
  height: 4px;
  width: 100%;
  overflow: hidden;
  background-color: #ddd;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 1000;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}
.loader.relative{
  position: relative;
}

@keyframes loading {
    from {left: -200px; width: 0%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

.widget_location_select_div{
  display: inline-block;
  vertical-align: top;
  /*padding: 3px;*/
}

.images-div{
  display: inline-block;
}

@media (max-width: 767px) {
  /*.widget_location_select_div{
      position: absolute;
      right: 0px;
      float: right;
  }*/
  .widget_location_select_div{
    position: relative;
    float: initial;
    display: block;
  }
  #iframe-wrapper{
    padding: 0px;
  }
  .widget-top-left-buttons.visible-xs{
    display: inline-block !important;
    vertical-align: top;
  }
  .widget_location_select_div .button-group{
    text-align: center;
  }
  .widget_location_select_div .add-event{
    width: auto;
  }
  .images-div{
    text-align: left;
    display: block;
  }
  .single-location-heading{
    text-align: center;
  }
}

#sidr .dropdown-toggle .hidden-xs{
  display: initial !important;
}

.widget_location_select_div .add-event{
  width: 153px;
}

@media (max-width: 416px){
  /*.widget-logo#user_logo{
    display: none;
  }*/
  /*.widget_location_select_div{
    position: relative;
    float: initial;
    display: block;
  }
  .widget_location_select_div .button-group{
    text-align: center;
  }
  .widget_location_select_div .add-event{
    width: auto;
  }*/
}

.main-content {
  position: relative;
}
.main-content .owl-theme .custom-nav {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}
.main-content .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.main-content .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i {
  font-size: 2.5rem;
  color: #cecece;
}
.main-content .owl-theme .custom-nav .owl-prev {
  left: 0;
}
.main-content .owl-theme .custom-nav .owl-next {
  right: 0;
}

.widget_side_menu_div{
  padding:10px;
  padding-left: 20px;
  width:200px;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.widget_side_menu_div a{
  padding: 10px  0px 10px 0px;
  display: block;
  border-bottom: 1px SOLID rgba(0,0,0,0.1);
}
.widget_side_menu_close_btn{
  float: left;
  width: 40px;
  text-align: center;
  /*margin-left: 10px;*/
  font-size: 30px;
  /*display: none;*/
  position: absolute;
  top: 0px;
}

/** CUSTOM STYLE INJECTED HERE TO RESOLVE THE CONFLICTS*/
.form-wrap.form-builder .frmb .field-actions{
    z-index: 1026;
}
/** END CUSTOM STYLE */

@media (max-width: 767px){
  .widget_side_menu_close_btn{
    display: block;
  }
}

.res-slider-container, .header-space{
  height: 200px;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  transition: height 0.5s ease;
  overflow: hidden;
}


.radio-slave{
  margin-left: 25px;
}

.radio-input-section.faded{
  opacity: 0.5;
}

.radio-input-section:hover{
  opacity: 1;
}


#iframe-wrapper{  padding:0; background: #eeeeee; }

/*border-top color should be primary color here*/
#reg-form-row{    background: #ffffff; padding: 0; box-shadow: 0 0 10px 0px #cccccc; border-top: 5px solid #007041; }
#seminar-form-row{    background: #ffffff; padding: 0; box-shadow: 0 0 10px 0px #cccccc }
.images-div{      box-shadow: 0px 0px 2px 2px #eee;  vertical-align: top; margin-top: 5px;}

#user_logo.widget-logo{   padding:10px;}

.ressource-image{ height: 110px; padding: 0; margin-left: 20px; position : relative; display: inline-block;}

.widget_location_select_div{  margin-left:10px; position: absolute; }

/*manager company = h2*/
.h2, h2{      font-size: 14px;    margin-bottom: 0;    margin-top: 0;    margin-left: 2px; }

/*ressource name = h1*/
.h1, h1{    font-size: 32px; margin-top: 36px;    margin-bottom: 3px; }

.ressource-image .btn-primary { position: absolute; left: 0; margin-bottom: 0; width: 100%; }

/*Mine*/
.widget-logo.location-img{
  /*height: 154px;*/
  height: 115px;
  display: block;
  width: 225px;
}

h3.single-location-heading{
  /*margin-top: 66px;*/
  margin-top: 22px;
}

.slider-hider-div{
  height: 0px;
}

.widget-header-container{
    position: fixed;
    z-index: 1001;
    right: 0;
    left: 0;
    margin: 0px 16px 0px 10px;
}

.panel-open .widget-header-container{
    padding-right: 420px;
}

.header-space{
  margin-top:175px;
}

@media (max-width: 767px) {
  .widget_location_select_div{
    text-align: center;
    position: relative;
  }
  .mobile-container{
    text-align: center;
    /*margin-top: 70px;*/
  }
  h3.single-location-heading{
    margin-top: initial;
  }
  .widget-header-container{
    position: relative;
    margin: initial;
  }
  .header-space{
    margin-top: 0px;
  }
}

.res-slider-hider{
  overflow: initial;
}
.res-slider-hider:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;

    background: #333333;

    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}
.res-slider-hider:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;

    background: #333333;

    transform-origin: bottom left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}
.single-location-heading{
  font-size: 32px;
  margin-top: 36px;
  margin-bottom: 3px;
}
.add-event.widget-top-left-buttons{
  padding: 5px;
}
.widget_location_select_div hr{
  margin: 5px 0px 5px 0px;
}
.widget_location_select_div .title_link_div{
  height: 73px;
}
.side_menu_top_div{
  width: 100%;
  padding-left:20px;
}

.widget-lang-select{
  margin-top: 0px;
  font-size: inherit;
}

@media (max-width: 1199px){
  .widget-lang-select{
    margin-top: 0px;
    font-size: inherit;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    left: 160px;
  }

  .widget-lang-select ul.dropdown-menu{
    right: 0;
    left: auto;
  }

  .top-link-div .link-item{
    display: block;
    padding: 10px 0px 10px 0px;
  }
}

.top-link-div{
  padding-top: 35px;
  padding-left:20px;
  width:100%;
}

.change_view_select{
  min-width: 100px;
}

#single-location-heading-link{
  white-space: nowrap;
}

.img-thumbnail.widget-logo.location-img{
  background-size: cover;
  background-position:center;
  background-color: #ddd;
}
.widget-logo.location-img.multiLocationDayView{
  background-image: none !important;
}
#single-location-heading-link.multiLocationDayView{
  /*visibility: hidden;*/
  display: none;
}
.multi_view_link{
  display: none;
  font-size: 12px;
  position: relative;
  z-index: 1000;
  opacity: 0.5;
  transition: .2s ease-out;
  width: 120px;
  padding-top:  5px;
}
.multi_view_link:hover{
  opacity: 1.0;
}
.res-slider-hider i.rotate{
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  transform-origin: center;
}
.res-slider-hider i.rotate.up{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.mobile-container .menu-trigger,
.mobile-container .add-event.visible-xs{
    float:  right;
    margin-top: 10px;
}
.mobile-container .menu-trigger{
    /*margin-right: 10px;*/
}

.slider_loc_div{
  cursor:pointer;
}
.slider_loc_div button{
  text-align: center;
  width:100%;
  z-index:2;
  height: auto;
  bottom: 0;
  position: absolute;
}
.slider_loc_div button .fa{
    margin-top: auto;
    font-size: initial;
}
.slider_loc_div .location-box-img{
  background-size: cover;
  position: relative;
}
.widget_location_select_div #locationSelect{
  min-width:200px;
}
.widget_location_select_div #date_changer .visible-lg .ct-info.widget{
  width:auto;
  display: inline-block;
  font-size: 12px;
}
.widget_location_select_div #date_changer .visible-lg .today{
  margin-left: 10px;
}
.widget_location_select_div #date_changer .visible-md .ct-info.widget{
  width:auto;
  font-size: 12px;
  text-align:center;
}
.widget_location_select_div #date_changer .visible-md .today{
  width: 50px;
  padding: 0px
}
.widget_location_select_div #date_changer .visible-md{
  min-width: 216px;
}

.seminar-top .widget_location_select_div #date_changer .visible-md{
  min-width: 260px;
}

#change-view-modal .modal-content{
  background-color: #ffffff;
  border: 10px SOLID #EFEFEF;
}
.side_menu_top_div .search-time{
  display: inline-block;
  vertical-align: top;
}

.widget-add-col-left{
  padding-right:5px;
}

#search-time-modal{
  overflow-y: hidden;
}

@media (max-width: 767px){
  #SearchDateToAlt, #SearchDateFromAlt, #SearchTimeFrom, #SearchTimeTo, #SearchCustomDuration{
    font-size: 12px;
  }
  #search-time-modal.modal-margin{
    padding-top: 0px;
  }

  #search-time-modal{
    font-size: 12px;
  }
  .radio-slave.resources .multiselect{
    width: 200px;
  }
  .widget-lang-select .dropdown-menu{
    width: 130px;
    overflow: hidden;
  }
  #user_logo.widget-logo {
    max-width: 100px;
    height: auto;
  }
  .ressource-image{
    margin-left: auto;
    width: 100%;
  }
  .widget-logo.location-img{
    width: 100%;
  }
  .widget-add-col-left .input-group-addon{
    padding: 5px;
  }
}
.radio-slave.categories{
  display: none;
}
.radio-slave.freetextfields{
  display: none;
}
#search_time_form .modal-body{
  /*max-height: 570px;*/
  /*max-height: 70vh;*/
  max-height: calc(100vh - 260px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.radio-input-section{
  background: #f5f5f5;
  border-bottom: 1px solid #aaaaaa;
}

.search_result_div{
  height: calc(100vh - 300px);
  overflow: auto;
}

.highlighted_seminar{
  position: absolute;
  top: 8px;
  left: 16px;
  color: #BDB76B;
  font-size: 20px
}

.highlighted-details{
  top: 25px !important;
  left: 55px !important;
}


.addiconshadow{
  text-shadow: -1px 1px 0px #303030;
}
.addiconshadowsecond{
  color:#fff;margin-top: -12px;float: left;
  text-shadow: -1px 0px 0px #fff;
}


.media-selector-panel{
  width: 100%;
  padding: 15px;
  background-color: #fff;
/*  height: 215px;*/
  border: 15px SOLID #F2F2F2;
  border-top: 0 !important;
/*  overflow: auto;*/
}

.media-selector-panel img{
  display: inline-block;
  margin: 5px;
  width: 100px;
  height: auto;
  border: 5px SOLID transparent;
  cursor: pointer;
}

.media-selector-panel img.active{
  border: 5px SOLID #007041;
}

.calendar_res_img{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width:100%;
  /*max-width:225px;*/
  /*min-height:123px;*/
  /*min-height:190px;*/ /* This determines the height of the calendar column header*/
  height:100%;
  /*line-height: 123px;*/
  line-height: 12px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  display: inline-block;
}

.calendar_res_img:hover{
  background-color: #ccc;
}

.calendar_res_img.round{
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-size: cover;
  box-shadow: 0 0 2px #CCCCCC !important;
  margin-top: 8px;
}
.calendar_res_img.no-image{
  width: 0px;
  height: 0px;
}
.calendar_res_img h4{
    color: #fff;
    padding-top: 10px;
    margin-top: 0px;
    /*text-shadow: 2px 2px 5px #000;*/
}
#calendar-parent .calendar_res_img h4{
  background: rgba(0,0,0,0.3);
  display: inline-block;
  padding: 10px;
}

.calendar_res_img.main{
  cursor: pointer;
}

.calendar_part_info{
  cursor: pointer;
}

/*Select2 new version misbehaves on sidr for new widget, falling back to native select*/
select.native.mobile {
  max-width: 200px;
  padding: 5px 35px 5px 5px;
  border: 1px solid #ccc;
  height: 34px;

  /*Arrow*/
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url('https://cdn3.iconfinder.com/data/icons/google-bootstrap-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat;
  background-size: 20px;
  background-position: right 10px center;
}

/* CAUTION: IE hackery ahead */
select.native.mobile::-ms-expand {
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select.native.mobile {
        background:none\9;
        padding: 5px\9;
    }
}

#list-view-container .calendar_res_img{
    background: none !important;
    min-height: auto;
    display: inline-block;
    width: auto;
}

#list-view-container .calendar_res_img h4{
  color: inherit;
}

.tablesorter thead .disabled {
        display:none;
}

@media (max-width: 480px){
  .nav#bookingTab li{
    width: auto;
    display: inline-block;
  }
}

.event-checkin .card{
  margin-top: 5px !important;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
}

.quota_calc_table.addon p{
  margin-bottom: 0px;
}

/*Seminar Extra CSS*/
.seminar-no-img, .checkin-no-img{
  text-align:center
}
.seminar-gridview-heaing{
  /*text-decoration-line: underline;*/
}
.card-seminar .card-section,.card-checkin .card-section{
  padding: 10px 0px 10px 0px;
  border-top: 1px SOLID #eee;
}
.seminar-details-btn{
  width:40%
}
.seminar-tax-view{
  padding-top: 5px
}
.seminar-details-price-div{
  min-height: 100px !important;
  padding: 25px 0px 0px 20px
}
.seminar-details-price-div .price-new{
  font-size: 30px
}
.seminar-details-price-div .price-old{
  font-size: 20px
}
.seminar-book-now{
  padding-bottom: 10px
}
.seminar-date-row{
  padding: 10px 0px 10px 15px
}
.seminar-targetaudtience, .seminar-gridview-heaing, .checkin-information{
  font-size: 0.9em;
}
.menu-btns{
  padding: 3px;
}
.seminar-price-details{
  margin-top: 15px
}

.seminar-price-details-heading{
  /*text-decoration-line: underline;*/
  font-weight: bold;
}
.seminar-date-checkbox{
  /*margin-top: 5px;margin-top: 5px;*/
}
.seminar_dates_content{
  margin: 10px 0px 10px 0px;
}
.seminar-list{
  padding-top: 10px
}

.seminar-details .card{
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
}
.cart-payment-box .card{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) ;
  margin-top:25px;
}
.date-wrap.pt-10 .row:nth-child(even), .seminar-dates-div .row:nth-child(even){
  background-color: #ededed;
}
.date-wrap.pt-10 .row:hover, .seminar-dates-div .row:hover{
  background-color: #dfeeff;
}
.date-wrap.pt-10 .dates-div:nth-child(even), .seminar-dates-div .row:nth-child(even){
  background-color: #F1F1F1;
}
.date-wrap.pt-10 .dates-div:hover, .seminar-dates-div .row:hover{
  background-color: #dfeeff;
}
.dates-div{
  border-bottom: 1px #ededed SOLID;
  font-size: 12px;
  position: relative;
}
.dates-div a.btn-link{
  font-size: 12px;
  padding: 0px;
}
.dates-div .date,
.dates-div .link{
  display: inline-block;
  padding: 10px;
}
.dates-div .link{
  position: absolute;
  right: 0;
}

.tooltip-inner{
  max-width: 900px;
}

.location-heading .fa{
  color: #777 !important;
}
#UserAccessRights > .checkbox > div{
    margin-left: 17px;
    margin-bottom: 5px;
    margin-top: -3px;
}
/*.seminar-cart-header-div h1{
  font-size: 1.8em;
  margin: 0px;
}*/
.seminar h2{
  font-size: 1.6em;
  margin-left: 0px;
}
.seminar h3{
  font-size: 1.4em;
  /*margin: 0px;*/
}

#existing_participant_cust .select2-container{
  width: 100% !important;
}
#existing_participant_cust .select2-container--bootstrap .select2-selection,
#existing_participant_cust .input-group-addon a{
  border-radius: 0 !important;
}

.participant-input-group-span{
  /*background: none;*/
  padding: 0 8px 0 12px;
}

.participant-input-group-span span{
  display: inline-block;
  height: 30px;
  width: 35px;
}
.participant-input-group-span a{
  display: inline-block;
}


#seminar-kpi .sk-checkedin-val{
  background: #007041;
  color: white;
  font-size: 3.5em;
  height: 100px;
  width: 100px;
  padding: 15px 20px;
  margin: 0 auto;
  border-radius: 2em;
}

#seminar-kpi .sk-checkedin-text,
#seminar-kpi .sk-filter-val{
  font-size: 1.5em;
  margin-top: 5px
}


@media (max-width: 420px){
  .panel-modal .panel-dismiss{
    right: 10px;
    top: 14px;
    left: auto;
  }
  .panel-modal{
    width: 100%;
    position: fixed;
    top: 0;
    /*High value of z-index changed for LOC-1481,1488*/
    /*z-index: 9999*/
    z-index: 1050;
  }
  .clockpicker-popover{
    transform: scale(0.9);
  }
}

body.sidr-open .select2-container .select2-dropdown{
  z-index: 2000;
  position: fixed;
  left: auto;
}

@media (max-width: 991px) {
  /*  #todo Following causes position issues in mobile selects. Need proper solution.
      Commenting below for LOC-1483,1484,1486,1489
  */
  /*Prevent page horizontal scroll on tables with select2 */
  /*.select2-hidden-accessible{
    position: relative !important;
  }*/
}

/*Callouts FTW*/
.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code {
  border-radius: 3px;
}
.callout + .bs-callout {
  margin-top: -5px;
}

.callout-default {
  border-left-color: #777;
}
.callout-default h4 {
  color: #777;
}

.callout-primary {
  border-left-color: #007041;
}
.callout-primary h4 {
  color: #007041;
}

.new-widget h2{
  font-size: 1.6em;
}
.new-widget h3{
  font-size: 1.4em;
}

.cartItems td{
  font-size: 16px;
}

.new-widget table.table thead tr.active th{
  font-weight: bold;

}

.mobile-cart-row{
  border-bottom: 1px SOLID #dedede;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 0px 0px;
  background-color: #f0f0f0
}

.mobile-cart-row .row{
  border-bottom: 1px SOLID #dedede;
  padding-top: 5px;
  padding-bottom: 5px;
}
.mobile-cart-total-row{
  margin: 10px;
  text-align: right;
  font-size: 16px;
}
.mobile-cart-items.hover .mobile-cart-row{
  margin: 0;
  background-color: #fff;
  font-size: 12px;
}
.mobile-cart-items.hover .mobile-cart-row .row{
  border-bottom: none;
}
.mobile-cart-total-row.hover{
  font-size: 12px;
  text-align: inherit;
  margin: 0;
  padding: 15px 15px 0px 15px;
}
.cart-page, .cart-page .cartItems td{
  font-size: 14px;
}
.seminar-image, .checkin-loc-image{
  height: 220px !important;
}

#ParticipantForm .btn-group, #ParticipantForm .btn-group .dropdown-toggle{
  box-shadow: none;
}
#ParticipantForm{
  font-weight: 100;
}
#ParticipantForm .participants_table{
  width: 100%;
}
#ParticipantForm .participants_table th{
  font-weight: 400;
}
#ParticipantForm .grey_box{
  background-color: #ccc;
  margin-bottom: 15px;
  padding: 15px;
}
#ParticipantForm .grey_box .dropdown-toggle{
  background-color: #ccc;
}
#ParticipantForm .grey_box h4, #ParticipantForm .grey_box h5{
  margin-top: 0px;
}
.participant_detail_ellipsis a{
  background-color: #F2F2F2;
}
.participant_detail_ellipsis, .participant_detail_ellipsis .dropdown-toggle{
  box-shadow: none;
}
.participant_detail_ellipsis .fa{
  color: initial;
}

tr.mini-header td{
  font-size: 12px;
}

.widget_billing ul.sidemenu-rate-title{
  /*Hide for widget add*/
  display: none;
}
ul.sidemenu-rate-title{
    display: block;
    text-align: left;
    padding: 10px;
    border: 1px dashed #CCC;
}

ul.sidemenu-rate-title li{
    /*list-style-type: disc;*/
    font-size: 14px;
    border-bottom: 1px SOLID #ddd;
    margin-bottom: 15px;
}

.location-box-contents .options{
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 18px;
  color: #777 !important;
  box-shadow: none !important;
  padding: 0px;
}
.location-box-contents .options-container{
  text-align: right;
  position: absolute;
  right: 8px;
  top: 4px;
}
.v2.grid-stack-item-content{
  background-color: #FFFFFF;
  margin: 0 14px;
  border-radius: 8px;
}
#locations .v2.grid-stack-item-content{
  border-radius: 5px;
}
#new-loc-add .v2.grid-stack-item-content{
  border: solid 2px rgba(20, 71, 52, 0.15);
}
#new-loc-add .v2.grid-stack-item-content:hover{
  border: solid 2px #007041;
  cursor: pointer;
}
#new-loc-add .v2.grid-stack-item-content div{
  color: #007041;
  margin-top:100px;
}
.v2.location-box-contents{
  /*min-height: 69px;*/
  height: auto;
  position: relative;
}
a.dash-legacy{
  position: absolute;
  top: 0px;
  right: 0px;
}

.dash-resource-list-box{
  position:absolute;
  right:24px;
  margin-top:8px;
}

.dash-resource-list-box button{
  padding: 0 4px;
  font-size: 1.4em;
  box-shadow: none;
}

@media (max-width: 768px) {
  .v2.grid-stack-item-content{
    margin: 8px 0px;
  }
}

.resource-info-modal .table{
  min-width:200px;
  border:1px SOLID #ddd;
}
.resource-info-modal .table td{
  padding: 5px;
}
.resource-info-modal{
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  padding: 10px;
}

.request-preview-item{
  padding: 3px 6px !important;
  font-size: 14px;
}

.request-preview-item.pending, .legend-dot.pending{
  background-color: rgb(255, 213, 213);
}
.request-preview-item.denied, .legend-dot.denied{
  background-color: #eee;
}
.request-preview-item.approved, .legend-dot.approved{
  background-color: #007041;
  color: #fff;
}

.legend-dot{
  width: 10px;
  display: inline-block;
  height: 10px;
}

#LocationFilter .select2-container .select2-search--inline .select2-search__field{
  font-size: 0.9rem;
}

#LocationFilter .filterForm{
  max-width: 100%;
}

.grid-stack.v2>.grid-stack-item>.grid-stack-item-content{
  overflow-x: unset;
  overflow-y: unset;
}

.scroller.active{
  position: fixed;
  top: 0px;
}

.under-navbar-static.scroller.active{
  position: fixed;
  top: initial;
}

@media (max-width: 1336px){

  .today-btn, #mock-header{
    /*display: none;*/
  }

  .under-navbar-static{
    /*position: relative;*/
  }
  .under-navbar-static.scroller.active{
    position: fixed;
    top: 0px;
  }
  .calendar-top-clearance{
    /*position: fixed;*/
  }
}

.input-group.double{
  display: inline-block;
  width: 49%;
}
@media (max-width: 480px){
  .input-group.double{
    width: initial;
  }
}
.input-group.double .input-group-addon{
  font-size: 12px;
  position: absolute;
  width: 50%;
  height: 2.1rem;
  white-space: normal;
}
.input-group.double input{
  float: right;
  width: 50%;
}

div#desktop-location-select-div {
    max-height: 37px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

div#desktop-location-select-div:hover{
    overflow: inherit;
}

#atlwdg-trigger{
  right: 40px;
}

.menu-large {
  /*position: static !important;*/
  position: relative;
  margin-top: 20px;
}
.megamenu{
  padding: 15px;
  width: 380px;
  position: absolute;
  left: -165px;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #00A7E8;
}
.navbar-default a {
    -webkit-appearance: none;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .megamenu{
    width: 100%;/*For LOC-1493*/
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
  color:#fff;
  }
  #new-event-ind{
    display: none;
  }
}

.calendar-top .megamenu .btn-calendar-group{
  border: none;
}

.megamenu .btn-calendar-group.open .btn-calendar{
  background: rgba(0,0,0,.05);
}

.badge.calendar-header-badge{
    margin-bottom: 6px;
    margin-right: 12px;
    opacity: 0.65;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    transition: .2s ease-out;
    padding: 9px 0px;
    text-align: center;
}

.badge.calendar-header-badge:hover{
  opacity: 1;
}

.badge.calendar-header-badge.conflict{
  background: #f44;
}
.badge.calendar-header-badge{
  background: #007041;
  cursor: pointer;
}

.schedule-panel .options{
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 18px;
  color: #777 !important;
  box-shadow: none !important;
  padding: 0px;
}
.schedule-panel .options-container{
  text-align: right;
  position: absolute;
  right: -10px;
  top: -4px;
}
.schedule-panel{
  /*min-height: 69px;*/
  height: auto;
  position: relative;
}

.schedule-panel{
    height:100%;
    text-align: left;
    width: 100%;
    padding:6px 4px;
}

.booking-reference-activate{
  padding: 25px 25px 10px 25px;
  min-height: 20px !important;
}
.booking-reference-options{
  padding-top: 0;
  margin-top: -35px;
  min-height: 100px !important;
}

.general-ledger-options, .cost-centre-options{
  margin-left: 25px;
}

/*Smart widget modal*/
/** there was a JS issue when DOM trying to focus the required field, 
 * the checkbox is hidden so we need to make it visible for DOM 
 */
.relative-hidden{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.modal-dialog.smart.modal-lg{ max-width:400px;}

/** they are not aligned well without position absolute */
#recurring_time_from_select,
#recurring_time_to_select{
    position: absolute !important;
}

#mod-price-detail .modal-dialog,#mod-offer-price-detail .modal-dialog{
  margin: 30px auto;
}

.modal-content.smart{
  background: #333;
}

.modal-content.smart .modal-body{
  padding: 10px 0px;
}

.modal-content.smart a{
  color: #fff;
  font-weight: 100;
  margin-top: 17px;
}

.modal-content.smart .page-header.smart{
  color: #fff;
  font-weight: 100;
  border: none;
  padding-left: 10px;
}
.modal-content.smart .tab-pane{
  background-color: #efefef;
  min-height:auto;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  border-radius: 0;
}

.modal-content.smart .tab-pane > form,
.modal-content.smart .tab-pane > div {
    padding: 12px 16px; /** for better overflow scrolling at new modal, removed tabpane padding and added it ot immediate child form or div */
}
.modal-content.smart .tab-pane #EventAddForm, .modal-content.smart .tab-pane #SeminarBooKForm, .modal-content.smart .tab-pane #EventEditForm{
  overflow-y: auto;
  overflow-x: hidden;
  /*margin-bottom: 76px; /*Not needed in master*/
    /*padding-bottom: 76px; not needed anymore since the overflow scroll is applied to the tab pane  // Compensation for total display at bottom*/
}
@media only screen and (max-width: 768px) {
    .modal-content.smart .tab-pane{
        max-height: calc(100vh - 280px) !important;
    }
    .modal-content.smart .tab-pane #EventAddForm, .modal-content.smart .tab-pane #SeminarBooKForm {
        /*height: calc(100vh - 200px) !important; Do not limit height as the tab pane overflow is hidden and has a max-height*/
    }
}
.modal-content.smart .btn.modal-dismiss{
  right:0px;
  position:absolute;
  background: #000;
  border:1px SOLID #fff;
  margin:10px;
}
.modal-content.smart .date_string{
  font-weight: 100;
  border-bottom: 1px SOLID #ddd;
}
.modal-content.smart .time_box{
  background: #fff;
  display: inline-block;
  border: 2px SOLID #ddd;
  padding: 0px 10px;
  font-size: 2rem;
  font-weight: 600;
}
.modal-content.smart .controls,
.modal-content.smart .recurring-controls{
  display: inline-block;
  width: 48px;
  height: 44px;
  background-color: #007041;
  vertical-align: bottom;
  color: #fff;
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
  line-height: 0.85;
  cursor: pointer;
}
.modal-content.smart .smart-control{
  padding: 9px 10px;
  background-color: #f5f5f5;
  border: 1px SOLID #ddd;
  font-weight: 100;
}
.loc-rounded-badge{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    border: 1px solid #888;
    text-shadow: 1px 1px 2px #333;
}

.loc-rounded-badge + h2{
    font-size: 17px;
    font-weight: 500;
}
@media only screen and (max-width: 587px) {
    .loc-rounded-badge + h2{
        font-size: 15px;
    }
}

.modal-content.smart #recurring-booking .form-group{
    margin-bottom: 20px;
}
.modal-content.smart .form-group{
    margin-bottom: 10px;
    position: relative;
}
.modal-content.smart .form-group .smart-control{
    position: relative;
}

.modal-content.smart .form-group .smart-field-notification{
    cursor: pointer;
}

.modal-content.smart .form-group .time-picker-separator{
    display: inline-block;
    font-size: 2rem;
}
.modal-content.smart .form-group.full-day-slot-booking .input-group{
    position: relative;
    width: 100%;
}

.modal-content.smart .form-group .picker__input{
    font-size: 1.4rem;
    font-weight: 600;
}
.modal-content.smart .rec-event .form-group .input-group input.picker__input{
    height: 40px;
}
.modal-content.smart .rec-event .form-group .input-group input.picker__input + .picker-btn{
    font-size: 19px;
    right: 10px;
}
@media only screen and (max-width: 380px) {
    .modal-content.smart .form-group .picker__input,
    .modal-content.smart .form-group.time-slot-booking .time-picker-table .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
    .modal-content.smart #recurring-booking .form-group .time-picker-table .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
        font-size: 1.2rem;
    }
    .modal-content.smart .form-group.full-day-slot-booking div:first-child .input-group{
        margin-bottom: 10px;
    }
}
.modal-content.smart .form-group.full-day-slot-booking .input-group label.input-group-addon{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}
.modal-content.smart .form-group .smart-control .smart-control-append{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    cursor: pointer;
    place-items: center;
    padding: 13px;
    background: #5a5a5a;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.modal-content.smart .form-group .smart-file-upload + input[type="file"]{
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -1;
}
.modal-content.smart .form-group .smart-file-upload-notification .label.label-success,
.modal-content.smart .form-group .smart-field-notification .label.label-success{
    position: absolute;
    left: -8px;
    top: -5px;
    border-radius: 100px;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    place-items: center;
    place-content: center;
    font-size: 12px;
    background-color: #5cb85c;
}
.modal-content.smart .form-group .smart-field-notification .label.label-success{
    left: -1px;
    top: -12px;
}
.modal-content.smart .form-group.set-availability .mode-weekly fieldset{
    margin-bottom: 0.625rem;
}
.modal-content.smart textarea.smart-control{
  resize: none;
  height: 40px;
}
.modal-content.smart .smart-control::-webkit-input-placeholder {
  color: #aaa;
}
.modal-content.smart .smart-control::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
}
.modal-content.smart .smart-control::-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
.modal-content.smart .smart-control::-moz-placeholder { /* Firefox 18- */
  color: #aaa;
}
.modal-content.smart .bottom-btns{
  padding: 0px 10px;
}
.modal-content.smart .bottom-btns.panel-foot{
  min-height: 60px;
}
.modal-content.smart .price-detail.smart,.modal-content.smart .price-detail-offer.smart{
  color: #fff;
  font-weight: 100;
  background-color: #5a5a5a;
  /*margin-left: -16px;*/
  /*margin-right: -16px;*/
  margin-left: 0px;
  margin-right: 0px;
  padding: 4px 10px;
  position: sticky;
  bottom: 0px;
  width: 100%;
    z-index: 5; /** .input-group .form-control with z-index: 2 showing above the billing section */
    margin-top: 0;
}
@media (max-width: 991px){
  .modal-content.smart .price-detail.smart,.modal-content.smart .price-detail-offer.smart{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.modal-content.smart .price-detail.smart .detailed_price_view,.modal-content.smart .price-detail-offer.smart .detailed_price_view_offer{
  display: none;
}
.modal-content.smart .price-detail.smart .total-label,.modal-content.smart .price-detail-offer.smart .total-label-offer{
  display: inline-block;
  line-height: 1;
}
.modal-content.smart .price-detail.smart .price-view.price-val,.modal-content.smart .price-detail-offer.smart .offer_price-view.offer_price-val{
  vertical-align: super;
  font-size: 1.5rem;
  font-weight: 400;
}
.modal-content.smart .price-detail.smart #price_summary,.modal-content.smart .price-detail-offer.smart #offer-price_summary{
  cursor: pointer;
}

#mod-price-detail ul.sidemenu-rate-title,#mod-offer-price-detail ul.sidemenu-rate-title{
  display: none;
}

#mod-price-detail .modal-title,#mod-offer-price-detail .modal-title{
  font-size: 1rem;
  margin: 0px;
}
#mod-price-detail .modal-footer,#mod-offer-price-detail .modal-footer{
  text-align: left;
}
#mod-price-detail .modal-footer a,#mod-offer-price-detail .modal-footer a{
  color: initial;
}

.price-detail.colorless,.price-detail-offer.colorless{
  color: initial;
  background: initial;
  padding-top: 120px;
  font-size: 0.8rem;
  border: none;
}
#mod-booking #billing_summary{
  display: none;
}
.modal-content.smart .time-picker-table{
  display: inline-block;
  vertical-align: top;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.time-picker-table .select2-container--bootstrap .select2-selection--single .select2-selection__arrow{
  display: none;
}

.time-picker-table .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  padding-right: 0px;
}

#time_to_select{
  display: none;
}

.time-picker-table .select2-container--bootstrap .select2-selection--single{
  background: #fff;
  display: inline-block;
  border: 2px SOLID #ddd;
  padding: 6px 10px;
  font-size: 2rem;
  font-weight: 600;
  height: 30px;
}

.modal-content.smart .btn{
  border-radius: 10px !important;
}

.modal-content.smart .time_box,
.time-picker-table .select2-container--bootstrap .select2-selection--single,
.modal-content.smart .controls,
.modal-content.smart .recurring-controls,
.modal-content.smart .smart-control,
.modal-dialog.smart
{
  border-radius: 6px;
}

.navbar.widget-header {
  position: relative;
  /*min-height: 60px !important;*/
  margin-bottom: 0;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.16),0 2px 4px 0 rgba(0,0,0,.12);
  position: fixed;
  transition: 0.5s all ease;
}
.panel-open .navbar.widget-header{
  margin-right: 420px;
  padding-right: 15px;
}
.widget-header-clearance{
  height: 70px;
}
.widget-header .navbar-brand {
  left: 50%;
  margin-left: -50px !important;  /* 50% of your logo width */
  padding: 6px 0 0 20px !important;
}
.widget-header .logo_div img{
  max-height: 50px;
  max-width: 100%;
}
.widget-header .logo_div{
  text-align: center;
}
.widget-header .logo_div .outer-div {
  height: 60px;
}

.widget-header .logo_div .middle-div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.widget-header .navbar-back {
  margin-left: 10px;
  position: absolute;
}
.widget-header .backbutton{
  font-size: 40px !important;
  margin-top: -4px;
}
.widget-header .navbar-profile {
  margin-left: 15px;
  position: absolute;
}

.widget-header .cart{
  font-size: 30px !important;
}

.widget-header .navbar-cart{
  /*margin-right: 15px;*/
}

.widget-header .badge {
  font-family: 'Open Sans', sans-serif;
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.widget-header .label-warning[href],
.widget-header .badge-warning[href] {
  background-color: #c67605;
}
.widget-header #lblCartCount {
  /*font-size: 12px;*/
  background: #007041;
  color: #fff;
  /*vertical-align: bottom;*/
  /*margin-right: -25px;*/
  /*position: relative;*/
  /*border: 1px solid white;*/
  /*padding: 3px 5px*/
}
@media (max-width: 991px){
  #time_from_select.select2-hidden-accessible{
    position: absolute !important;
  }
}

.participation-details{
  background-color: #fff;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 0px 0px;
}

@media (max-width: 767px) {
  .remove-participation-row, .remove-sub-participation-row{
    float: right;
  }
}

.navbar.navbar-fixed-top.widget-header{
  background: #fff;
}
.navbar.navbar-fixed-top.widget-header .container{
  padding:0;
}
.navbar.navbar-fixed-top.widget-header .cart-div{
  padding:16px 16px 0 0;
}
.navbar.navbar-fixed-top.widget-header .back-div{
  padding:16px 0 16px 0;
}

.seminar-general-tab .newsblock-box.table-pane.tab-overflow{
  min-height: 600px !important;
}


.bootstrap-switch > input[type="checkbox"] {
    display: none;
}

.bootstrap-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.bootstrap-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.bootstrap-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.bootstrap-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.bootstrap-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;

}

.round-switch {
  position: relative;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.round-switch label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.round-switch label:after {
  border-radius: 30px;
  border: 5px SOLID #fff;
  content: "";
  height: 18px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 18px;
}

.round-switch input[type="checkbox"] {
  visibility: hidden;
}

.round-switch input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}
.round-switch input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

@media (min-width: 1200px) {
  .location-edit-pull-right{
    margin-top: 10px;
  }
}

/*.invoice_index_selects{
  width:40%;
  margin:8px 0 0;
}
.invoice_index_selects .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  padding-left: 8px;
}*/


.view-loca-calendar{
  cursor: pointer;
}

#EventTimeTo:focus:not([readonly]),#EventTimeFrom:focus:not([readonly]),#EventCustomDuration:focus:not([readonly]){
  background-color: #fff;
}
.picker-btn{
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #070f0b;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    /*top: 8px;
    right: -10px;*/
    top: 24px;
    right: 8px;
}

.statistics-filter .picker-btn,
#EventForm .picker-btn{
  top: 4px !important;
}

#search_time_form .picker-btn{
  right: 30px;
}

.policy-ul{
  list-style-type: disc;
  margin-left: 20px;
}
.policy-ul li{
  list-style-type: disc;
}

.row.mode-daily,
.row.mode-weekly,
.row.mode-monthly,
.row.mode-yearly,
.row.mode-custom{
  background: #f2f3f3;
  padding: 10px;
}

.row.mode-daily .select2-container--bootstrap .select2-selection,
.row.mode-weekly .select2-container--bootstrap .select2-selection,
.row.mode-monthly .select2-container--bootstrap .select2-selection,
.row.mode-yearly .select2-container--bootstrap .select2-selection,
.row.mode-custom .select2-container--bootstrap .select2-selection{
  background: none !important;
}

.row.mode-daily .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.row.mode-weekly .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.row.mode-monthly .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.row.mode-yearly .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.row.mode-custom .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  font-size: 13px !important;
  padding: 4px 8px;
  color: #070f0b;
}

.special-event .input-group, .special-event .form-group .input-group input,
.rec-event .input-group, .rec-event .form-group .input-group input{
  /*height: 32px;*/
  border-radius: 8px !important;
}
.special-event .input-group-addon,
.rec-event .input-group-addon{
  padding-right: 0px;
  padding-top: 0px;
}

.special-event .set-time input[type="text"],
.rec-event input.display-time,
.rec-event .set-time input[type="text"]{
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center;
  margin-left: 0;
  font-size: 12px !important;
  border: 1px solid #dbdbdb !important;
  box-shadow: none !important;
}

.recurrence-mode .radio label{
    display: inline-block;
    width: 100px;
}

.widget-selection{
  background: #f5f5f5;
  margin: 0px;
}
.widget-selection .h5{
  font-size: 1.2em;
}

.browse-btn.v2{
  padding-left: 60px !important;
  background-size: 60px 100%;
  background-repeat: no-repeat;
  height: 60px;
  display: table-cell;
  border: 1px solid #eee !important;
}
.browse-btn.v2.full-width{
  background-size: 100% auto;
  padding: 0 !important;
  min-width: 82px;
  height: 82px;
  background-position: center;
}
.browse-btn.v2.hero {
  padding-left: 230px !important;
  background-size: 228px 100%;
  width: 328px;
}

#mod-uploaded-files [id^="preview-placeholder--"]{
    max-width: 100px;
}

#mod-uploaded-files .table td{
    vertical-align: middle;
}
#mod-uploaded-files .modal-footer{
    text-align: left;
}
#mod-uploaded-files .modal-footer a{
    color: initial;
}

/** Generalized footer links */
.smart-simple-modal .modal-footer{
    text-align: left;
}
.smart-simple-modal .modal-footer a{
    color: initial;
}
/** End of Generalized footer links */

.smart-simple-modal .modal-title{
    font-weight: 600;
}

.smart-simple-modal #accordionInventory .price-display{
    font-weight: 500;
    font-size: 17px;
    display: block;
}

.smart-simple-modal .feature-picker-table .controls{
    display: inline-block;
    width: 48px;
    height: 44px;
    background-color: #007041;
    vertical-align: bottom;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    font-weight: 600;
    line-height: 0.85;
    cursor: pointer;
}
.smart-simple-modal .feature-picker-table tr > td:first-child > .controls{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.smart-simple-modal .feature-picker-table tr > td:last-child > .controls{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.smart-simple-modal .feature-picker-table input {
    text-align: center;
    min-height: 44px;
    width: 55px;
}
.smart-simple-modal .feature-picker-table input:focus,
.smart-simple-modal .feature-picker-table input:active{
    min-height: 43px; /** there is a 1px border bottom adding to form fields */
}
.smart-simple-modal .feature-picker-table input::-webkit-outer-spin-button,
.smart-simple-modal .feature-picker-table input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.smart-simple-modal .feature-picker-table input[type="number"]{
    -webkit-appearance: none;
}

#UserLoginForm .error-message,
#UserSsoLoginForm .error-message,
#UserWidgetForm .error-message{
  float: inherit;
}

.status-incart{
  border-left: 3px solid #fb3;
}

#outlook-resource-mapper .select2-container--bootstrap .select2-selection--multiple{
    padding-top: 3px;
    padding-bottom: 3px;
}
#outlook-resource-mapper .modal-body > .row,
#outlook-resource-mapper .modal-body > .current-mapping .row{
    display: flex;
    place-items: center;
}
#outlook-resource-mapper .modal-body > .current-mapping .active-mapping{
    border-bottom: 1px solid #e7e7e7;
}
#outlook-resource-mapper .current-mapping{
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
#outlook-resource-mapper .modal-body .mapping-area{
    border-top: 1px solid #e5e5e5;
    margin: 0 -10px;
    /** add slight top shadow */
    box-shadow: inset -3px 5px 5px -5px rgba(47, 47, 47, 0.23);
    padding: 15px 0 10px;
}
.feather-16{
    width: 16px;
    height: 16px;
}

.feather-24{
    width: 24px;
    height: 24px;
}

.feather-32{
    width: 32px;
    height: 32px;
}

/** Helper classes */

.flex           { display: flex; }
.flex-1         { flex: 1 1 0; }
.flex-10        { flex: 1 1 10%}
.flex-70        { flex: 1 1 70%}
.flex-20        { flex: 1 1 20%}
.flex-auto      { flex: 1 1 auto; }
.flex-initial   { flex: 0 1 auto; }
.flex-none      { flex: none; }
.flex-wrap      {flex-wrap: wrap}
.justify-start	{ justify-content: flex-start; }
.justify-around	{ justify-content: space-around; }
.justify-between	{ justify-content: space-between; }
.justify-evenly	{ justify-content: space-evenly; }
.justify-end	{ justify-content: flex-end; }
.justify-center { justify-content: center; }
.align-start	{ align-items: flex-start; }
.align-end	    { align-items: flex-end; }
.align-center   { align-items: center; }
.align-self-start	{ align-self: flex-start; }
.align-self-end	    { align-self: flex-end; }
.align-self-center   { align-self: center; }

.w-25{
    width: 25% !important;
}
.w-50{
    width: 50% !important;
}
.w-75{
    width: 75% !important;
}
.w-100{
    width: 100% !important;
}
.w-auto{
    width: auto !important;
}
.p-0{
    padding: 0 !important;
}
.pl-0{
    padding-left: 0 !important;
}
.pr-0{
    padding-right: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
.p-1{
    padding: 0.5rem !important;
}
.pl-1{
    padding-left: 0.5rem !important;
}
.pr-1{
    padding-right: 0.5rem !important;
}
.pb-1{
    padding-bottom: 0.5rem !important;
}
.pt-1{
    padding-top: 0.5rem !important;
}
.p-2{
    padding: 1rem !important;
}
.pl-2{
    padding-left: 1rem !important;
}
.pr-2{
    padding-right: 1rem !important;
}
.pb-2{
    padding-bottom: 1rem !important;
}
.pt-2{
    padding-top: 1rem !important;
}
.p-3{
    padding: 1.25rem !important;
}
.pl-3{
    padding-left: 1.25rem !important;
}
.pr-3{
    padding-right: 1.25rem !important;
}
.pb-3{
    padding-bottom: 1.25rem !important;
}
.pt-3{
    padding-top: 1.25rem !important;
}
.p-4{
    padding: 1.5rem !important;
}
.pl-4{
    padding-left: 1.5rem !important;
}
.pr-4{
    padding-right: 1.5rem !important;
}
.pb-4{
    padding-bottom: 1.5rem !important;
}
.pt-4{
    padding-top: 1.5rem !important;
}
.p-5{
    padding: 1.765rem !important;
}
.pl-5{
    padding-left: 1.765rem !important;
}
.pr-5{
    padding-right: 1.765rem !important;
}
.pb-5{
    padding-bottom: 1.765rem !important;
}
.pt-5{
    padding-top: 1.765rem !important;
}
.m-0{
    margin: 0 !important;
}
.ml-0{
    margin-left: 0 !important;
}
.mr-0{
    margin-right: 0 !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.mt-0{
    margin-top: 0 !important;
}
.m-1{
    margin: 0.5rem !important;
}
.ml-1{
    margin-left: 0.5rem !important;
}
.mr-1{
    margin-right: 0.5rem !important;
}
.mb-1{
    margin-bottom: 0.5rem !important;
}
.mt-1{
    margin-top: 0.5rem !important;
}
.m-2{
    margin: 1rem !important;
}
.ml-2{
    margin-left: 1rem !important;
}
.mr-2{
    margin-right: 1rem !important;
}
.mb-2{
    margin-bottom: 1rem !important;
}
.mt-2{
    margin-top: 1rem !important;
}
.m-3{
    margin: 1.25rem !important;
}
.ml-3{
    margin-left: 1.25rem !important;
}
.mr-3{
    margin-right: 1.25rem !important;
}
.mb-3{
    margin-bottom: 1.25rem !important;
}
.mt-3{
    margin-top: 1.25rem !important;
}
.m-4{
    margin: 1.5rem !important;
}
.ml-4{
    margin-left: 1.5rem !important;
}
.mr-4{
    margin-right: 1.5rem !important;
}
.mb-4{
    margin-bottom: 1.5rem !important;
}
.mt-4{
    margin-top: 1.5rem !important;
}
.m-5{
    margin: 1.765rem !important;
}
.ml-5{
    margin-left: 1.765rem !important;
}
.mr-5{
    margin-right: 1.765rem !important;
}
.mb-5{
    margin-bottom: 1.765rem !important;
}
.mt-5{
    margin-top: 1.765rem !important;
}

.font-100{
    font-weight: 100 !important;
}
.font-200{
    font-weight: 200 !important;
}
.font-300{
    font-weight: 300 !important;
}
.font-400{
    font-weight: 400 !important;
}
.font-500{
    font-weight: 500 !important;
}
.font-600{
    font-weight: 600 !important;
}
.font-700{
    font-weight: 700 !important;
}
.font-800{
    font-weight: 800 !important;
}
.font-900{
    font-weight: 900 !important;
}

.loc-mt-0{
    margin-top: 0 !important;
}
.loc-mt-5{
    margin-top: 0.3125rem !important;
}
.loc-mt-10{
    margin-top: 0.625rem !important;
}

.loc-mb-0{
    margin-bottom: 0 !important;
}
.loc-mb-5{
    margin-bottom: 0.3125rem !important;
}
.loc-mb-10{
    margin-bottom: 0.625rem !important;
}
.loc-mb-15{
  margin-bottom: 1rem !important;
}
.loc-mr-0{
    margin-right: 0 !important;
}
.loc-mr-5{
    margin-right: 0.3125rem !important;
}
.loc-mr-10{
    margin-right: 0.625rem !important;
}
.loc-ml-0{
    margin-left: 0 !important;
}
.loc-ml-5{
    margin-left: 0.3125rem !important;
}
.loc-ml-10{
    margin-left: 0.625rem !important;
}
.border-0{
    border: 0 !important;
}
.border-radius-0{
    border-radius: 0 !important;
}
textarea.md-textarea.border-radius-0{
    border-radius: 0 !important;
}
.bg-transparent{
    background-color: transparent !important;
}
.bg-white{
    background-color: #fff !important;
}
.bg-dark{
    background-color: #000 !important;
}
.bg-off-white{
    background-color: #f2f3f3 !important;
}
.cursor-pointer{
    cursor: pointer !important;
}
.cursor-normal{
    cursor: initial !important;
}

.loc-p-0{
    padding: 0 !important;
}
.loc-p-1{
    padding: 0.5rem !important;
}
.loc-p-2{
    padding: 1rem !important;
}
.loc-p-3{
    padding: 1.25rem !important;
}
.loc-p-4{
    padding: 1.5rem !important;
}
.loc-p-5{
    padding: 1.765rem !important;
}
.loc-p-6{
    padding: 2rem !important;
}

.loc-pt-0{
    padding-top: 0 !important;
}
.loc-pt-1{
    padding-top: 0.5rem !important;
}
.loc-pt-2{
    padding-top: 1rem !important;
}
.loc-pt-3{
    padding-top: 1.25rem !important;
}
.loc-pt-4{
    padding-top: 1.5rem !important;
}
.loc-pt-5{
    padding-top: 1.765rem !important;
}
.loc-pt-6{
    padding-top: 2rem !important;
}
.loc-pb-0{
    padding-bottom: 0 !important;
}
.loc-pb-1{
    padding-bottom: 0.5rem !important;
}
.loc-pb-2{
    padding-bottom: 1rem !important;
}
.loc-pb-3{
    padding-bottom: 1.25rem !important;
}
.loc-pb-4{
    padding-bottom: 1.5rem !important;
}
.loc-pb-5{
    padding-bottom: 1.765rem !important;
}
.loc-pb-6{
    padding-bottom: 2rem !important;
}

.border-bottom{
    border-bottom: 1px solid #f1f1f1 !important;
}

.border-0{
    border: 0 !important;
}
.border-top-0{
    border-top: 0 !important;
}
.border-left-0{
    border-left: 0 !important;
}
.border-bottom-0{
    border-bottom: 0 !important;
}
.border-right-0{
    border-right: 0 !important;
}
.box-shadow-none{
    box-shadow: none !important;
}

/** End of Helper classes */

/** Recurring booking list */
.recurring-booking-list .recurring-booking-list-item{
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.recurring-booking-list .recurring-booking-list-item .btn.btn-xs{
    padding: 7px 10px;
    line-height: 1.8;
    text-align: center;
}
/** End Recurring booking list */

/** Full screen preview **/

.platform-fullscreen{
    width: calc(100vw - 25px);
    height: calc(100vh - 25px);
    position: fixed;
    inset: 10px;
    z-index: 1080;
    border-radius: 20px;
    display: none;
    overflow: hidden;
    backdrop-filter: blur(2px);
}
.platform-fullscreen .platform-fullscreen-overlay{
    width: calc(100vw - 25px);
    height: 100vh;
    position: absolute;
    inset: 0;
    border-bottom: 1px solid #7E7E7E;
    background: rgba(0, 0, 0, 0.18);
    background: linear-gradient(193deg, rgba(61, 61, 61, 0.75) 1.71%, rgba(111, 111, 111, 0.75) 32.28%);
    box-shadow: 0px 0px 15px 0px rgba(66, 66, 66, 0.39);
    backdrop-filter: blur(1px);
    filter: blur(1px);
    z-index: -1;
}
.platform-fullscreen .platform-fullscreen-header{
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 1px solid #7E7E7E;
    background: rgba(0, 0, 0, 0.3);
}

.platform-fullscreen .platform-fullscreen-title {
    display: inline-flex;
    place-content: center;
    place-items: center;
    gap: 10px;
}
/* .platform-fullscreen .platform-fullscreen-title h4{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 45%;
} */
/* Reduce the max-width of .platform-fullscreen .platform-fullscreen-title h4 on devices based on media query for 768px, 420px, 320px */
/* @media (max-width: 768px) {
    .platform-fullscreen .platform-fullscreen-title h4{
        max-width: 30%;
    }
}
@media (max-width: 420px) {
    .platform-fullscreen .platform-fullscreen-title h4{
        max-width: 25%;
    }
}
@media (max-width: 320px) {
    .platform-fullscreen .platform-fullscreen-title h4{
        max-width: 20%;
    }
} */


.platform-fullscreen .platform-fullscreen-title > svg{
    cursor: pointer;
}
.platform-fullscreen .platform-fullscreen-title .btn{
    width: 20px;
    height: 30px;
    min-width: 20px;
    max-width: 20px;
    padding: 6px 20px;
    line-height: 1;
    background-color: #2f6e45 !important;
    cursor: default;
}
.platform-fullscreen .platform-fullscreen-title .btn .feather{
    left: -50%;
    transform: translate(-50%);
}
.platform-fullscreen .platform-fullscreen-download a{
    color: rgb(255 255 255 / 70%) !important;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s linear 0s;
    border-radius: 10px !important;
    padding: 5px 15px;
}
.platform-fullscreen .platform-fullscreen-download a:active,
.platform-fullscreen .platform-fullscreen-download a:visited,
.platform-fullscreen .platform-fullscreen-download a:focus{
    text-decoration: none;
}
.platform-fullscreen .platform-fullscreen-download a:hover{
    text-decoration: none;
    background: rgb(255 255 255 / 24%);
    color: #fff !important;
}
.platform-fullscreen .platform-fullscreen-download a:hover .icon-group svg path{
    stroke-opacity: 1 !important;
}
.platform-fullscreen .platform-fullscreen-download a:hover .icon-group svg:first-child{
    top: 0;
}
.platform-fullscreen .platform-fullscreen-download .feather{
    width: 26px;
    height: 26px;
    stroke-width: 1;
}
.platform-fullscreen .platform-fullscreen-download.platform-fullscreen-image-box{
    flex-grow: 1;
    text-align: center;
    left: -50%;
    position: relative;
    transform: translate(50%);
}
.platform-fullscreen .platform-fullscreen-title h4 {
    margin: 0;
}
.platform-fullscreen .platform-fullscreen-title h4 +span {
    color: #b9b7b7;
}
.platform-fullscreen-content{
    
}
.platform-fullscreen .platform-fullscreen-footer{
    position: fixed;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-top: 1px solid #7E7E7E;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    width: calc(100vw - 25px);
    border-radius: 0 0 20px 20px;
    backdrop-filter: blur(1px);
    opacity: 0;
    transition: all 0.3s linear 0s;
}
.platform-fullscreen .platform-fullscreen-close{
    cursor: pointer;
    display: inline-flex;
    transition: all 0.3s linear 0s;
    border-radius: 5px;
    color: #fff;
}
.platform-fullscreen .platform-fullscreen-close svg path{
    transition: all 0.3s linear 0s;
}
.platform-fullscreen .platform-fullscreen-close:hover{
    background: rgb(255 255 255 / 24%);
}
.platform-fullscreen .platform-fullscreen-close:hover svg path{
    stroke-opacity: 1 !important;
}
.platform-fullscreen .platform-fullscreen-title .mm-icon img{
    width: 38px;
}
.platform-fullscreen .pdf-container{
    display: flex;
    height: calc(100vh - 108px);
}

.platform-fullscreen #pdf-thumbnail-sidebar {
    width: 225px;
    overflow-y: auto;
    background-color: transparent;
}

.platform-fullscreen #pdf-thumbnail-container {
    padding: 10px;
}

.platform-fullscreen .pdf-thumbnail {
    cursor: pointer;
    margin-bottom: 10px;
    text-align: center;
}

.platform-fullscreen .pdf-thumbnail img {
    width: 100%;
}

.platform-fullscreen .pdf-thumbnail span{
    color: #fff;
    display: block;
}

.platform-fullscreen .pdf-thumbnail.active canvas {
    border-bottom: 6px solid #007041;
}

#pdf-viewer-container {
    flex: 1;
    overflow-y: auto;
    position: relative;
    
}

.platform-fullscreen .page-container{
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.platform-fullscreen #pdf-viewer {
    padding: 10px;
}
.platform-fullscreen #pdf-loader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    color: #e3e3e3;
}

.platform-fullscreen .pdf-thumbnail canvas,
.platform-fullscreen .page-container canvas{
    border-radius: 10px;
}
.platform-fullscreen .pdf-thumbnail.active canvas{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.platform-fullscreen .icon-group{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 25px;
    height: 25px;
    vertical-align: text-bottom;
    margin-top: 1px;
    margin-right: 5px;
}

.platform-fullscreen span.icon-group svg{
    width: 22px;
    height: 15px;
    position: absolute;
    transition: all 0.2s linear 0s;
}
.platform-fullscreen span.icon-group svg:first-child{
    top: -2px;
}
.platform-fullscreen span.icon-group svg:last-child{
    bottom: 0;
}

.platform-fullscreen span.icon-group svg path{
    stroke-opacity: 0.6 !important;
}
.platform-fullscreen .image-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.platform-fullscreen .image-container img{
    max-width: 80%;
    object-fit: contain;
    border-radius: 20px;
}
@media (min-width: 787px) and (max-width: 1289px) {
    .platform-fullscreen .platform-fullscreen-download.platform-fullscreen-image-box{
        flex-grow: 0;
        text-align: center;
        left: auto;
        position: relative;
        justify-self: flex-start;
    }
}
@media only screen and (max-width: 1289px) {
    .platform-fullscreen .page-container canvas{
        width: 100%;
    }
}
@media only screen and (max-width: 786px) {
    .platform-fullscreen #pdf-thumbnail-sidebar{
        display: none;
    }
    .platform-fullscreen .page-container canvas{
        width: 100%;
    }
    .platform-fullscreen .image-container img{
        max-width: 95%;
        object-fit: contain;
        border-radius: 20px;
    }
    .platform-fullscreen .platform-fullscreen-download a{
        display: none;
    }
    .platform-fullscreen .platform-fullscreen-footer{
        opacity: 1;
    }
}
/** End of full screen preview */

/** Single booking free text field */

#single-booking #l_category_fields_general br{ /** we do not need br from ajax response template */
    visibility: hidden;
    display: none;
}
#single-booking #l_category_fields_general h2{
    font-size: 15px;
}

/** End Single booking free text field */

.payment-icon{
/*display: none;*/ /* Hidden temporarily till all icons are obtained */
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin: 0 10px 0 10px;
}
.payment-desc{
  display: inline-block;
  margin:0;
}
.radio.payment{
  padding: 0;
}
.radio.payment label::before{
  margin-top: 5px;
}
.radio.payment label::after{
  margin-top: 5px;
}
.radio.payment .input-div{
    border: 2px SOLID #eee;
    padding: 10px;
    padding-left: 30px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.radio.payment .input-div:hover{
  background-color: #f5f5f5;
}

pre.cake-error,
.cake-debug-output.cake-debug {
    z-index: 2000;
    position: relative;
}

span.sub_field_delete_btn, span.vis_conditions_delete_btn, span.options_delete_btn {
    position: absolute;
    color: #dd5555;
    cursor: pointer;
    border: 1px SOLID #ddd;
    border-radius: 5px;
    padding-left: 3px;
    opacity: 0.5;
    font-size: 12px;
}
span.sub_field_delete_btn:hover, span.vis_conditions_delete_btn:hover{
  opacity: 1;
}
span.sub_field_delete_btn.inv{
  top: 5px;
  right: 5px;
}
span.sub_field_delete_btn.recurring{
  top: 8px;
  right: 5px;
}
.week_time{
  position: relative;
}
.panel-default.inv{
  position: relative;
}

#verify_reservation_message{
  height: 6rem;
}
.reservation-changes-container{
  width:100%;
  overflow-y:auto;
  max-height:400px
}
.reservation-changes-table tr:nth-child(even) td{
  background-color: #eeeeee;
}
.reservation-changes-table tr,
.reservation-changes-table th{
  padding: 5px;
  color: #555555;
}
.reservation_info_container{
/*  background-color:#fff;*/
  padding:15px;
  margin-bottom:15px;
}

.auto-invoice-settings, .booking-cancellation-settings{
    background-color: #fafafa;
    padding-top: 40px;
    margin-top: 15px;
    padding-bottom: 10px
}

span.auto_invoice_settings_delete_btn, span.booking_cancellation_settings_delete_btn {
    position: absolute;
    top: -35px;
    right: 5px;
    color: #dd5555;
    cursor: pointer;
    border: 1px SOLID #ddd;
    border-radius: 5px;
    padding-left: 3px;
    opacity: 0.5;
    font-size: 12px;
}


span.auto_invoice_settings_delete_btn:hover, span.booking_cancellation_settings_delete_btn:hover{
  opacity: 1;
}


.select-button .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  font-size: 12px !important;
  font-weight: 600;
  color: #070f0b;
}


.opening-time-settings input[type="text"]{
  width: 90px !important;
  /*background: white;*/
}

/*.opening-time-settings{
    padding-top: 20px !important;
    margin-top:2px !important;
}*/
.opening-time-settings .select2-container .select2-search--inline{
  float: none !important;
}

/*.opening-time-settings {

    padding-top: 40px;
    margin-top: 15px;
    padding-bottom: 10px
}*/

/** Top Bar Styles */
.d-none{
    display: none !important;
    visibility: hidden !important;
}
.navbar.navbar-masthead.theme-top-bar{
    position: fixed;
    z-index: 1033;
    box-shadow: none;
}
#the-top-white-bar{
    font-size: 0.725rem;
    transition: 0.5s opacity, 0.5s transform, 0.5s background-color, 0.5s color, 0.5s height, 0.5s width;
}
.trial-bar{
  transition: 0.5s all ease;
}
.panel-open #the-top-white-bar,
.panel-open .trial-bar{
  margin-right: 420px;
}
#the-top-white-bar .loc-breadcrumb{
    /*transition: all 0.2s linear 0s;*/
    padding: 15px 3px;
}
#the-top-white-bar .loc-breadcrumb li span{
    font-size: 0.725rem;
}
.profile .user-display > .dropdown{
    display: flex;
    align-items: center;
}
.notification .badge{
    position: absolute;
    left: 10px;
    bottom: 16px;
    font-size: 0.6rem;
}
.notification, .user-cart{
  margin-right: 10px;
  padding-right: 10px;
}
.notification.mobile{
    display: inline-block;
    border-right: none;
    position: relative;
    float: right;
    top: 5px;
    margin-top: 8px;
}
.user-cart,
.user-cart > a{
    color: #91a99f;
}
/*.user-cart  div{
    margin-right: 20px;
    position: relative;
}*/
@media only screen and (max-width: 1024px) {
    .user-cart  div{
        margin-right: 5px;
    }
}
.user-cart  div > span{
    position: relative;
}
.user-cart  div > span:first-child{
    font-weight: 600;
}
.user-cart  div > span > span,
.navbar-header.fixed-brand .m-user-cart .cart-items{
    position: absolute;
    text-align: center;
    display: flex;
    place-content: center;
    place-items: center;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 1;
    font-weight: 600;
    padding: 4px;
    font-size: 10px;
    right: -5px;
    top: -5px;
}
.navbar-header.fixed-brand .m-user-cart{
    margin-right: 7px;
    top: 9px;
    z-index: 1040;
    background: #f8f8f8;
    border: none;
    padding: 0px 5px;
    font-size: 1.3rem;
    color: #4A4A4A;
    float: right;
    position: relative;
}
.navbar-header.fixed-brand .m-user-cart .cart-items{
    bottom: auto;
    top: -9px;
    left: auto;
    right: 3px;
    width: 25px;
    height: 25px;
    font-size: 12px;
}

.white-bar{
    /*padding: 5px ;*/
    padding: 0px 0px 0px 0px;
}

.widget-breadcrumb ul{
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
}
.widget-breadcrumb ul li h1 {
  font-size: 0.8rem;
}
.widget-breadcrumb ul li{
    padding-right: 5px;
}
.widget-breadcrumb ul li:after{
    color: #9a9a9a;
    font-family: 'FontAwesome', sans-serif;
    content: '\f054';
    padding-left: 5px;
    font-size: 10px;
    font-weight: 400;
    top: -1px;
    position: relative;
}
.widget-breadcrumb ul li:last-child:after{
    content: '';
    padding: 0;
}
.widget-breadcrumb ul li a{
    color: #777;
}
.widget-breadcrumb ul li span,
.widget-breadcrumb ul li:last-child a{
    color: #6d6d6d;
    font-weight: 600;
}
#dropdownMenuWidgetProfile{
    border: none;
    outline: none;
    background: transparent;
}
#dropdownMenuWidgetProfile > sub{
    bottom: -1px;
}
#dropdownMenuWidgetProfile + .dropdown-menu{
    left: auto;
    right: 0;
}
.dropdown-menu[data-trigger="dropdownMenuWidgetProfile"]{
    left: auto;
    right: 0;
}
.navbar.navbar-fixed-top.widget-header .cart-div{
    padding: 0 !important;
    margin: 10px 15px;
}
.navbar.navbar-fixed-top.widget-header .logo_div{
    margin-left: 15px;
}
.navbar.navbar-fixed-top.widget-header.classic .logo_div{
    margin-left: 0px;
}
.navbar.navbar-fixed-top.widget-header.classic .cart-div{
    padding: 16px 16px 0 0 !important;
    margin: 0;
}
.white-bar .cart-div .profile{
    font-size: 14px;
}
.white-bar .notification .badge{
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.widget-header .navbar-back{
    margin:  0;
    padding: 0 !important;
    position: relative;
}

.white-bar .breadcrumbs{
    border-top: none;
    padding: 0;
    color: #777;
    padding-top: 10px;
}
.white-bar .breadcrumbs span{
    font-size: 0.725rem;
    margin-left: 12px;
    vertical-align: sub;
}
.white-bar .breadcrumbs a{
    color: #777;
}
.user-display.flex.justify-between.align-center .text .sub{
    vertical-align: sub;
}
/** End Top Bar Styles */


/* Vue datepicker customizations */
.vue__time-picker-dropdown, .vue__time-picker .dropdown{
  right: 0;
  left: auto !important;
}
.vue__time-picker{
  width: auto !important;
  font-family: inherit !important;
}
.vue__time-picker input.display-time{
  height: 2.1rem !important;
}
#EventForm .vue__time-picker input{
  height: 32px !important;
}
#EventMonthlyFromVue,
#EventMonthlyToVue,
#EventYearlyFromVue,
#EventYearlyToVue
#EventCustomFromVue,
#EventCustomToVue
{
  display: inline-block;
}
/* Vue datepicker customizations end*/

.connect-outlook,
.connect-app{
    display: flex;
    place-items: center;
    gap: 4%;
    padding: 15px 0;
}
.connect-outlook .outlook-logo,
.connect-app .app-logo{
    flex-basis: 100px;
}
.connect-outlook .outlook-logo img,
.connect-app .app-logo img{
    max-width: 100px;
}
.connect-outlook > div:last-child,
.connect-app > div:last-child{
    flex-grow: 1;
}

.connect-outlook > div ul,
.connect-app > div ul{
    padding-left: 18px;
}

.connect-outlook > div ul li,
.connect-app > div ul li{
    padding-bottom: 5px;
    list-style-type: disc;
}
.digital-lock-input{
  display:flex;
}
.digital-lock-input .btn{
  min-width: max-content;
  height: 34px;
}
.digital-lock-input.has-error .form-control{
  border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}
.digital-lock-input.has-error .form-control:focus{
  border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}
.digital-lock-input.has-error .form-control:focus{
  border-color: #a94442 !important;
}
/* add a shake animation to the input group */
.digital-lock-input.has-error .form-control{
  animation: shake 0.15s !important;
  animation-iteration-count: 3 !important;
}
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
}
/* New menubar */
.menubar .calendar-top .btn-calendar-group{
  border: none;
}
.menubar,
.menubar .btn-map-calendar,
.menubar .btn-calendar,
.seminar-top.platform {
  font-size: 12px !important;
  font-weight: 600;
}
.menubar .datepicker{
  background-color: #fff;
}
.menubar .top-date,
.seminar-top.platform .top-date{
  font-size: 12px;
}
.menubar .top-date .date,
.seminar-top.platform .top-date .date{
  font-weight: 600;
  font-size: 12px;
}
.menubar .top-date .year,
.seminar-top.platform .top-date .year{
  font-size: 12px;
}
.menubar .top-date .day,
.seminar-top.platform .top-date .day{
  font-size: 12px;
}

.select-pills{
  display: inline-flex;
  /* display: inline-block; */
  border: 2px SOLID var(--btn_primary_color1);
  border-radius: 5px;
  color: var(--btn_primary_text_color);
  /*margin-left: 15px;*/
}
.select-pills.seminar-view{
  /*margin-left: 15px;*/
}
.select-pills .pill{
  display: inline-block;
  cursor: pointer;
  border-left: 2px SOLID var(--btn_primary_color1);
  color: #070f0b;
  background-color: rgba(255,255,255,0.8);
  padding: 5.5px 10px;
}
.select-pills .pill a {
    color: var(--btn_primary_color1);
}
.select-pills .pill:hover a,
.select-pills .pill.active a{
  color: var(--btn_primary_text_color);
}
.select-pills .pill:hover,
.select-pills .pill.active{
  background-color: var(--btn_primary_color1);
  color: var(--btn_primary_text_color);
}
.select-pills .pill:first-child{
  border-left: none;
}
.menubar .btn-div,
.seminar-top.platform .btn-div{
  height: 32px;
  background-color: #fff;
  border-radius: 5px;
  /*margin-left: 15px;*/
  vertical-align: bottom;
  display: inline-block;
  position: relative;
}
.menubar .btn-div.datepicker{
  margin-left: 0;
}
.menubar .btn-div.conflicts{
  background-color: transparent;
  border: 1px SOLID #f44;
  color: #f44;
  opacity: 0.65;
  transition: .2s ease-out;
  padding: .3rem .6rem;
}
.menubar #new-event-ind{
  margin-left: 15px;
}
.menubar .btn-div.conflicts:hover{
  opacity: 1;
}
.menubar .badge.calendar-header-badge{
    margin: 0px;
    opacity: 0.65;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    transition: .2s ease-out;
    padding: 4px 0px;
    text-align: center;
}
.menubar .btn{
  margin: 0;
  height: 32px;
  line-height: 1;
}
.menubar .datepicker .prev,
.seminar-top.platform .btn-div.datepicker .prev{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.menubar .datepicker .next,
.seminar-top.platform .btn-div.datepicker .prev{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.menubar .btn-calendar,
.menubar .btn-map-calendar,
.seminar-top.platform .btn-map-calendar,
.seminar-top.platform .btn-calendar{
  color: #070f0b !important;
}
.menubar .btn-div .fa,
.menubar .btn-div .feather,
.seminar-top.platform .btn-div .fa{
  color: var(--btn_primary_color1);
}
.menubar .btn-div.conflicts .fa{
  color: #f44;
}
.menubar .btn-div a:hover .fa{
  color: inherit;
}
.menubar .z-depth-0{
  box-shadow: none !important;
}
.menubar .menu-large{
  margin-top: 0;
}
.menubar .btn-calendar-group .dropdown-toggle .caret{
  transition: .2s ease-out;
}
.menubar .btn-calendar-group.open .dropdown-toggle .caret{
  transform: rotate(180deg);
}
.menubar .megamenu{
  left: auto;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.has-search{
  position: relative;
}
.has-search .form-control {
    padding-left: 1.85rem !important;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    line-height: 2.175rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 0;
    left: 0;
}

.megamenu#resource-menu .resource-checkboxes,
.megamenu#resource-menu .category-checkboxes{
  /*max-height: 200px;*/
  /*overflow: auto;*/
  padding-top: 10px;
}
.megamenu#resource-menu .megamenu-scroller{
  max-height: 470px;
  overflow: auto;
}
.megamenu#resource-menu .megamenu-scroller hr{
  margin: 10px 0px;
  border-color: #eee;
}
.megamenu#resource-menu .resource-checkboxes .checkbox,
.megamenu#resource-menu .category-checkboxes .checkbox{
  margin-top: 0px;
}
.menubar .filter_list_container{
  display: flex;
}
.menubar #filter_name{
  margin: 0;
}
.menubar .select-pills .pill{
  position: relative;
}
.menubar .filter-list{
  margin: 0px -15px 0px -15px;
  max-height: 200px;
  overflow: auto;
}
.menubar .filter-list .filter-list-item{
  display: flex;
  padding: 5px 15px 5px 15px;
  position: relative;
}
.menubar .filter-list .filter-list-item .apply .fa{
  color: #ddd;
}
.menubar .filter-list .filter-list-item .apply.active .fa{
  color: #007041;
}
.menubar .filter-list .filter-list-item:hover{
  background-color: #eee;
}
.menubar .filter-list .filter-list-item p{
  width: 100%;
  margin: 0;
}
.menubar .filter-list .filter-list-item a{
  margin-left: 15px;
}
.menubar .filter-list .filter-list-item p{
  cursor: pointer;
}
.menubar .filter-list .filter-list-item a.apply{
  margin-left: 0;
  margin-right: 15px;
}
.menubar .filter-list .filter-list-item a.delete .fa{
  color: #f44;
}
.menubar #calendar-selector,
.menubar #map-calendar-selector{
  /*width: 180px;*/
  width: max-content;
}
.menubar .calendar-top .calendar-top--container .calendar-select  .pill{
    padding: 4.5px 10px;
}
.menubar .calendar-top .calendar-top--container .calendar-select  .pill svg{
    width: 1.28571429em;
    height: auto;
    line-height: 1;
    position: relative;
    top: 2px;
}
.menubar #map-calendar-selector .top-date{
  display: inline-block !important;
}
.scheduler_white_rowheader_inner .tooltip.top,
.calendar_white_colheader_inner .tooltip.bottom{
  position: fixed;
}
#printable_table .calendar_white_colheader_inner .calendar_res_img{
  display: none;
}
#resource-tab-link{
    margin-left: 30px;
}
#confirm-modal .modal-dialog .modal-content{
    max-height: calc(100vh - 130px);
    overflow: auto;
}
.menubar .checkbox-div{
    max-height: 156px;
    overflow-y: auto;
}
.menubar .apply-btn-div{
    margin: 5px;
    text-align: right;
}

.calendar_white_colheader_inner .tooltip.bottom{
  position: fixed;
}
.scheduler_white_rowheader_inner_indent{
  width: 100%;
}
#mock-header{
    background: #fff;
}
#mock-header .calendar_white_crosshair_top{
  display: none;
}
#mock-header .calendar_white_corner_inner{
  background: transparent;
}
.calendar_white_cell.standard .calendar_white_cell_inner:hover{
  font-size: 14px !important;
}
.calendar_white_cell.compact .calendar_white_cell_inner:hover{
  font-size: 14px !important;
  line-height: 0.5;
}

/* Save & Return */
.flag-page-return{
  margin: 10px;
}

/* Remove trial-bar issue on medium device scroll */
@media only screen and (max-width: 768px) {
    .navbar-fixed-top{
        position: absolute;
    }
}

/** LOC-460 Booking modal responsive fix */
@media only screen and (max-width: 992px) {
    /*#EventForm > .row {
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #EventForm > .row > div{
        flex: 33%;
    }*/

}
/*
@media (min-width: 857px) and (max-width: 2048px) {
    #EventForm .tab-pane {
        height: calc(100vh - 350px) !important;
    }
}
@media (min-width: 421px) and (max-width: 856px) {
    #EventForm .tab-pane {
        height: calc(100vh - 450px) !important;
    }
}
*/
@media only screen and (max-width: 420px) {
    #EventForm > .row > div:first-child{
        flex: 34%;
    }
    #EventForm > .row > div:first-child + div{
        flex: 20%;
    }

    @supports (-webkit-touch-callout: none) {
      /*Considering browser's bottom toolbar height in iOS*/
      #EventForm > .tab-pane{
        height: calc(100vh - 275px) !important;
      }
      .booking-sidebar #EventForm > .tab-pane{
        height: calc(100vh - 310px) !important;
      }
    }

    @supports not (-webkit-touch-callout: none) {
      #EventForm > .tab-pane{
        height: calc(100vh - 220px) !important;
      }
      .booking-sidebar #EventForm > .tab-pane{
        height: calc(100vh - 225px) !important;
      }
    }

    .panel-modal .panel-dismiss{
        top: 12px;
    }
}
@media (max-width: 768px){
    #mod-event.panel-modal .panel-header {
        margin-top: -5px;
    }
}
/** ./LOC-460 Booking modal responsive fix */



/* For sidebar footer handling */
.sidebar-advt{
    padding:20px;
    /*bottom:82px;*/
    text-align: left;
    color: #fff;
    /*position: fixed;*/
    /*left: 0;*/
    width: 300px;
    /*height: 115px;*/
    /*overflow: hidden !important;*/
    /*transition: all 0.5s ease;*/
    position: absolute;
    bottom: 80px;
}
@media (max-width: 768px){
  .sidebar-advt{
    bottom: 15px;
  }
}
.sidebar-advt a{
    color: #91a99f;
}
.sidebar-advt > .row{
    width: 300px;
}
.sidebar-advt small{
  color: #555;
  margin-top: 5px;
  display: block;
  font-size: 11px;
  font-weight: 400;
}
.sidebar-advt a:hover,
.sidebar-advt a:focus,
.sidebar-advt a.focus,
.sidebar-advt a:active,
.sidebar-advt a.active{
    color: #91a99f;
}
.widget-sidebar-nav-scroller-container{
    position: relative;
}
@media only screen and (max-width: 998px) {
    .widget-sidebar-nav-scroller{
        overflow:hidden;
        overflow-x: scroll;
        position: relative;
    }
    .widget-sidebar-nav-scroller ul{
        width: 200%;
    }
    /** Add slight opacity on after and before of .widget-sidebar-nav-scroller**/
    /*.widget-sidebar-nav-scroller-container:before,*/
    .widget-sidebar-nav-scroller-container:after{
        content: "";
        position: absolute;
        top: 0;
        width: 30px;
        height: 100%;
        z-index: 1;
    }
    /*.widget-sidebar-nav-scroller-container:before{*/
    /*    left: 0;*/
    /*    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));*/
    /*}*/
    .widget-sidebar-nav-scroller-container:after{
        right: 0;
        background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    }
    
    /** Hide scrollbar for Chrome, Safari and Opera **/
    .widget-sidebar-nav-scroller::-webkit-scrollbar {
        display: none;
    }
    /** Hide scrollbar for IE and Edge **/
    .widget-sidebar-nav-scroller {
        -ms-overflow-style: none;
    }
}

#wrapper.toggled-2 #sidebar-wrapper .sidebar-advt{
    /*width: 70px;*/
    visibility: hidden;
}
#wrapper.toggled-3 #sidebar-wrapper .sidebar-advt{
    /*width: 70px;*/
    visibility: visible;
}
@media (min-width: 769px){
#wrapper.toggled-3 #sidebar-wrapper .sidebar-advt{
    /*width: 70px;*/
    visibility: hidden;
}
#wrapper.toggled-3 #sidebar-wrapper:hover .sidebar-advt{
    visibility: visible;
    /*width: 300px;*/
}
}
/* For sidebar footer handling */

/* For Reservation_log */
.chat-container{
  height:200px;
  background-color:#f9f9f9;
  overflow-y:auto;
  flex-direction: column-reverse;
}
.reservation_log_div{
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
.reservation_log_div.mine{
    display: inline-block;
    background-color: #f0fff0;
    border-radius: 5px;
    right: 0px;
    position: relative;
}
.reservation_log_div.their{
    display: inline-block;
    border-radius: 5px;
    position: relative;
}
.reservation_log_div.their:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  left: -10px;
  top: 0px;
}
.reservation_log_div.mine:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #f0fff0;
  border-right: 10px solid transparent;
  border-top: 10px solid #f0fff0;
  border-bottom: 10px solid transparent;
  right: -10px;
  top: 0px;
}
.reservation_log_div .changes_message_div.mine{
    text-align: right;
}
.reservation_log_div .changes_date_div{
    text-align: right;
    font-size: 12px;
    border-top: 1px SOLID #eee;
    color: #aaa;
}
.reservation_log_container.mine{
    text-align: right;
}
table.reservation-changes-table{
  font-size: 12px;
}
.md-textarea.request_message{
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    min-height: 6rem;
}
.changes_footer_element{
    margin-left:  15px;
    display: inline-block;
}
.changes_footer{
    text-align: right;
    margin-bottom:100px;
}

/*Required for hover price badges, comment this block to always see price badges*/

#calendar .calendar_white_cell .calendar_white_cell_inner,
#weekCalendar .calendar_white_cell .calendar_white_cell_inner {
    z-index: 1;
}
#calendar .calendar_white_now,
#weekCalendar .calendar_white_now{
    z-index:2;
}
#calendar .calendar_white_cell div[unselectable="on"],
#weekCalendar .calendar_white_cell div[unselectable="on"]{
    z-index: 2;
    visibility: hidden;
}
#calendar .calendar_white_cell .calendar_white_cell_inner:hover + div[unselectable="on"],
#weekCalendar .calendar_white_cell .calendar_white_cell_inner:hover + div[unselectable="on"],
#calendar .calendar_white_cell div[unselectable="on"]:hover,
#weekCalendar .calendar_white_cell div[unselectable="on"]:hover{
    visibility: visible;
}

.year_dp .calendar_white_cell_inner{
    z-index: 1;
}
.year_dp .calendar_white_cell_inner + div[unselectable="on"]{
    z-index: 2;
    visibility: hidden;
}
.year_dp .calendar_white_cell_inner:hover + div[unselectable="on"],
.year_dp .calendar_white_cell_inner + div[unselectable="on"]:hover {
    visibility: visible;
    height: 40px;
    top: 6px !important;
}
.year_dp .calendar_white_event{
    z-index: 2;
}

.year_dp .calendar_white_cell:not(.disabled) .calendar_white_cell_inner:hover{
    border: none;
    border-right: 1px solid #eeeeee;
    background: initial !important;
    color: initial !important;
    font-size: inherit;
    font-weight: initial;
/*    text-align: initial;*/
    text-align: right;
/*    font-size: 0.95em;*/

}
.year_dp .calendar_white_cell:not(.disabled) .calendar_white_cell_inner:hover .calendar_white_cell_header{
/*    display: none;*/
}
.year_dp .calendar_white_cell:not(.disabled) .calendar_white_cell_inner:hover:before{
    content: '';
}

.scheduler_white_event {
    color: #666;
    z-index: 2;
}
.scheduler_white_cell{
    z-index: 1;
}
.scheduler_white_cell div[unselectable="on"]{
    visibility: hidden;
}
.scheduler_white_cell:hover > div[unselectable="on"],
.scheduler_white_cell div[unselectable="on"]:hover{
    visibility: visible;
}

.scheduler_white_main{
  box-shadow: 0 0 2px #CCCCCC !important;
}

.scheduler-sticky-container{
    position: fixed;
    height: 90px;
    width: 100%;
    z-index: 100;
    background-color: #fff;
}
.scheduler-sticky-container .scheduler_white_timeheader_cell{
  background-color: #fff;
}

/* Free text fields in booking panel*/
#l_category_fields_general label.main-label{
    font-size: 12px;
    color: #17553e !important;
    margin: 0;
}
#l_category_fields_general input{
    margin: 0;
}
#l_category_fields_general .manager_field_list_item{
    margin-top: 15px;
}

a.ftf-search-toggle{
  float: right;
  font-size: 12px;
  font-weight: normal;
}

/* Filter summary */
.filter-summary{
  margin: 15px 0 -10px !important;
  border-radius: 4px !important;
  background: rgba(20, 71, 52, 0.15);
  font-size: 12px;
  font-weight: 400;
}

/*Required for hover price badges*/

/*Control row*/

.control-row .control-row-element{
  display: none;
  background: #fff;
  padding: 5px 15px 8px 15px;
  position: relative;
  border-bottom: 1px SOLID #ddd;
  /*box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);*/
  bottom: -3px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.control-row .md-form{
    margin: 15px 0px 0px 0px;
}
.control-row .md-form label.active,
.control-row .select2-container{
    font-size: 12px;
}
.control-row .btn-calendar,
.control-row .btn-map-calendar{
    color: #070f0b !important;
    border: 1px SOLID #ddd;
}
.control-row .btn-calendar-group .dropdown-toggle .caret{
    transition: .2s ease-out;
}
.control-row .btn-calendar-group.open .dropdown-toggle .caret{
    transform: rotate(180deg);
}
.control-row .btn{
    margin: 0;
    height: 32px;
}
.control-row, .control-row .btn-calendar, .control-row .btn-map-calendar{
    font-size: 12px !important;
}
.control-row .btn-div .week_layout_title .fa,
.control-row .btn-div .day_layout_title .fa,
.control-row .btn-div .month_layout_title .fa{
    color: #007041;
    display: none;
}
.control-row .btn-div .dropdown-menu a:hover .fa{
  color: #fff;
}
.control-row .dp3_main_location_title{
  text-align: center;
  font-size: 12px;
}

#iframe-wrapper [align="left"] .img-thumbnail{
    width: 10%;
}
/** LOC-279 Sidebar instead of modal at widgets */
.booking-sidebar #EventAddForm .input-group-addon{
    background-color: transparent;
}
.booking-sidebar .panel-modal .nav > li > a{
    padding: 5px;
}
.booking-sidebar .panel-modal #EventAddForm > .row > div{
    width: 100%;
}
.booking-sidebar .tab-overflow > form {
    overflow-x: hidden;
    /* max-height: 100% !important; */
    /*padding: 12px 16px;*/
}
.booking-sidebar .widget-add-col-left,
.booking-sidebar .widget-add-col-left + div {
    padding-right: 12px;
}
.booking-sidebar .form-action-buttons{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

.booking-sidebar .form-action-buttons button{
    float: none;
    right: 0 !important;
    left: 0;
}
.booking-sidebar .form-action-buttons button:first-child{
    order: 1;
    flex-basis: 100%;
}

.booking-sidebar .form-action-buttons button:last-child{
    order: 2;
    flex-basis: 100%;
}

.booking-sidebar .form-action-buttons .btn-primary{
    height: auto;
}
.booking-sidebar .panel-body{
    /*padding: 10px 1px;*/
    padding: 15px;
}
.booking-sidebar .page-header{
    margin-top: 0;
    color: #c5c5c5;
    border-bottom: 0;
    font-weight: normal;
    font-size: 17px;
    padding: 6px 0px;
}
.booking-sidebar .page-header.location-heading{
    font-size: 14px;
    color: inherit;
    font-weight: bold;
    padding: 0px 0px 8px 0px;
    margin: 15px 0px;
    border-bottom: 1px solid #eee;
}
.platform-heading{
    padding-top: 15px;
    font-size: 22px;
}
.booking-sidebar .tab-pane{
    overflow-x: hidden;
}
.booking-sidebar .wrapper-page > .row .tab-pane{
    border-radius: 0;
    padding: 0;
}
.booking-sidebar .wrapper-page .nav.nav-tabs{
    background-color: #fff;
    border-radius: 0;
    padding-left: 15px;
}
.booking-sidebar .wrapper-page .nav.nav-tabs > li{
    padding:  8px 0;
}
.booking-sidebar .tab-pane .accordion{
    width: 95%;
}
.booking-sidebar .modal-content.smart .btn{
    border-radius: 4px !important;
}
.booking-sidebar .modal-content.smart .page-header{
    padding: 6px 15px 0;
    margin: 0px 0 15px;
}

@media (min-width: 857px) and (max-width: 991px){
    .booking-sidebar #EventForm .tab-pane{
     height: calc(100vh - 365px) !important;
 }
}
@media (min-width: 320px) and (max-width: 568px){
    .booking-sidebar .panel-modal#mod-event{
        top: 0;
        z-index: 1038;
    }
    #loading-modal,
    #calendar-loading-modal{
        z-index: 1037 !important;
    }
    .modal-backdrop.in.modal-stack{
        z-index: 1037 !important;
    }
}
@media (min-width : 1025px) {
    .booking-sidebar .modal-content.smart + .panel-moves.panel-open{
        margin-right: 434px;
    }
}
.weeklytimereadonly{
  opacity: .3;
  background: #EEEEEE;
}
/** ./LOC-279 Sidebar instead of modal at widgets */

/* Vue picker overrides */
.vue__time-picker-dropdown ul li:not([disabled]).active, .vue__time-picker-dropdown ul li:not([disabled]).active:focus, .vue__time-picker-dropdown ul li:not([disabled]).active:hover, .vue__time-picker .dropdown ul li:not([disabled]).active, .vue__time-picker .dropdown ul li:not([disabled]).active:focus, .vue__time-picker .dropdown ul li:not([disabled]).active:hover{
  background: #17553e !important;
}
/*.vue__time-picker input.display-time{
  border: none !important;
  border-bottom: 1px solid #ccc !important;
}*/
/* Vue picker overrides end*/

/* Vue Notification */
.vue-notification-group{
    right: 19px !important;
    bottom: 40px !important;
}
.loc-notification{
  margin: 0 5px 5px;
  padding: 10px;
  font-size: 12px;
  color: #000;

  background: var(--btn_primary_color1);
  border-left: 5px solid #187FE7;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  min-width: 370px;
}
.loc-notification .notification-title{
  font-size: 14px;
}
.loc-notification.success{
  /*background: var(--btn_primary_color1);*/
  border-left-color: var(--btn_primary_color2);
}
.loc-notification.error{
  /*background: #d9534f;*/
  border-left-color: #d9534f;
}
/* Vue Notification end */

/* Range slider */
input[type=range].range {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1;
  height: 2em;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  width: 100%;
}
input[type=range].range::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range].range:focus {
  outline: none;
}
input[type=range].range::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  margin-top: 0.5em;
  background-color: var(--btn_primary_color1);
  border-radius: 1em;
  border: 2px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
input[type=range].range::-moz-range-thumb {
  width: 1em;
  height: 1em;
  margin-top: 0.5em;
  background-color: var(--btn_primary_color1);
  border-radius: 1em;
  border: 2px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
input[type=range].range::-ms-thumb {
  width: 1em;
  height: 1em;
  margin-top: 0.5em;
  background-color: var(--btn_primary_color1);
  border-radius: 1em;
  border: 2px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
input[type=range].range:hover::-webkit-slider-thumb {
  border-color: rgba(0, 0, 0, 0.7);
}
input[type=range].range:hover::-moz-range-thumb {
  border-color: rgba(0, 0, 0, 0.7);
}
input[type=range].range:hover::-ms-thumb {
  border-color: rgba(0, 0, 0, 0.7);
}
input[type=range].range:active::-webkit-slider-thumb {
  border-color: var(--btn_hover_color2);
  background-color: var(--btn_hover_color2);
}
input[type=range].range:active::-moz-range-thumb {
  border-color: var(--btn_hover_color2);
  background-color: var(--btn_hover_color2);
}
input[type=range].range:active::-ms-thumb {
  border-color: var(--btn_hover_color2);
  background-color: var(--btn_hover_color2);
}
input[type=range].range::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  height: 1.1em;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  background-color: transparent;
}
input[type=range].range::-moz-range-track {
  width: 100%;
  cursor: pointer;
  height: 0.2em;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  background-color: transparent;
}
input[type=range].range::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.sliderticks {
  display: flex;
  justify-content: space-between;
  padding: 0 0.5em;
}
.sliderticks p {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 1px;
  background: #D3D3D3;
  height: 0.5em;
  line-height: 40px;
  margin: 0 0 0.5em 0;
}

table.range-slider-table{
  width: 100%;
  max-width: 560px;
}
table.range-slider-table tr td:first-child{
  text-align: left;
  width: 10%;
}
table.range-slider-table tr td:last-child{
  text-align: right;
  width: 10%;
}
table.range-slider-table tr td:nth-child(2){
  width: 60%;
}
table.range-slider-table p.slider-heading,
table.calendar-view-table p.heading
{
  text-align: left;
  padding-top:15px;
  border-bottom: 1px SOLID #eee;
  font-weight: bold;
}

table.calendar-view-table{
  width: 100%;
  margin-bottom: 15px;
}
/* Range slider end */


.password-set-card{
  max-width: 550px !important;
}

.npsscore-modal{
  top: auto !important;
  left: auto !important;
  right: 35px !important;
}
.nsp_modal_container{
  float: right;
}
.nsp_modal_container {
  float: right;
}
.nsp_score_modal{
  border-radius: 5px;
  background: #fff;
  padding: 2px 12px 2px 6px;
  position: fixed;
  z-index: 10000;
  bottom: 20px;
  font-size: 11px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  right: 20px;
  font-weight: bold;
  opacity: 0.9;
}

.nsp_score{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-align: center;
  padding-top: 12px;
  display: inline-block;
  font-size: 1.1rem;
  overflow: hidden;
  color: #000;
  background-color: #D3D3D3 !important ;
}
.nsp_score:hover{
  color: #fff;
  opacity: 0.7;
}
.nsp_score:active{
  color: #fff;
}
span.nps_review_cancellation {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 1;
  font-size: 14px;
}
.nps_heading_row{
  padding-top: 15px;
  margin-left: 0px
}
.nps_score_row{
  margin: 20px 0 15px 60px;
}
.semainr_platform_sort{
  display: inline-block;
    vertical-align: bottom;
}

#mod-offer-booking .scroll-div {
    /*min-height: 400px;*/
}
/*.non_bookabledwith_resource+label {
    color: #ccc;
}*/

.calendar-top--container .select-pills .pill.calViewMap{
    margin-left: -2px;
}

.seminar-cancel-table-overflow {
    max-height: 420px;
    overflow-y: auto;
}

/*.non_bookabledwith_resource+label {
    color: #ccc;
}*/
.resource-category-backbutton{
  margin-left: 15px;
}
.resource-category-details-inner{
  margin-left: 15px;
  margin-right: 15px;
}
.group-btn .category-location-box-contents,.lb-btn .category-location-box-contents{
  border-bottom: none !important;
}

.stripe-badge{
  text-align: center;
  padding-top: 3px;
  vertical-align: middle;
  font-size: 1.5rem !important;
}
.stripe-badge.true{
  color: var(--btn_primary_color1);
  filter: brightness(2);
}
.stripe-badge.false{
  color: #F80;
}
.hideScroller{
    overflow-y: hidden !important;
}

@media only screen and (max-width: 1024px) {
    .hideScroller{
        overflow-y: auto !important;
    }
}

/**
Morris admin chart specific styles
 */
@media only screen and (max-width: 1400px) {
    #revenue-graph-container svg rect + text{
        transform: rotate( -90deg) translate3d(20px, 0px, 0px);
        transform-origin: center;
        transform-box: fill-box;
    }
}
.expiredinstances, .autoinvoice-settings-default-row{
  opacity: 50%;
}
.strikethrough-class{
  text-decoration: line-through !important;
}

.sepa-creds label::before{
  border: none !important;
  background-color: unset !important;
}
.sepa-creds{
  padding-left: 10px;
  padding-top: 15px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.sepa-creds .checkbox label::before{
  border: 1px solid #ccc !important;
  border-radius : 0% !important;

}
.sepa-creds .checkbox label::after{
  transform:  none !important;
  left: 0px !important;
  top: 0px !important;
  background-color : unset !important;
}
.sepa-creds .md-form{
  margin-bottom: 0.5rem !important;
}
.sepa-creds  .md-form label.active{
  top: 1.7rem !important;
}
.calendar-category-filter{
  display: inline-block;
    font-size: 0.6rem;
    background: #ddd;
    color: var(--btn_primary_color1);
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0px 5px 0px 5px;
}

select#limit{
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    color: #007041;
    font-weight: 600;
    padding: 6px;
    cursor: pointer;
}

/** QR Code page specific styles [LOC-3484] https://michael-loy.atlassian.net/browse/LOC-3484 */

.qr-breadcrumb{
    margin-bottom: 5px;
}
.qr-breadcrumb a,
.qr-breadcrumb span{
    color: #a5aba7;
    text-decoration: none;
}
.checkin-box,
.book-now-box{
    color: #333;
}
.book-now-box{
    margin-top: 30px;
}
.checkin-box h1,
.book-now-box h1{
    font-size: 20px;
    font-weight: 700;
    /* margin-bottom: 10px; */
    /* margin-top: 30px; */
    margin-left: 0;
}
.checkin-box h2,
.book-now-box h2{
    /* margin-top: 30px; */
    /* margin-bottom: 10px; */
    margin-left: 0;
}
.checkin-box h3,
.book-now-box h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0;
}
.checkin-box .btn,
.book-now-box .btn{
    font-weight: 700;
}
.checkin-status-badge{
  font-size: 14px;
  float: right;
  color: #007041;
  border-radius: 20px;
  border: 1px solid #BBF7D0;
  background-color: #F0FDF4;
  padding: 5px 10px;
  font-weight: 400;
}
.checkin-custom-fields{
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  padding: 10px;
}
.checkin-box .table>tbody>tr>th{
  min-width: 145px;
  max-width: 45%; 
  white-space: normal; 
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .checkin-box .checkin-quick-booking-button,
  .checkin-box .checkin-quick-booking-button-disabled{
    float: none !important;
    margin-top: 10px;
    width: 100% !important;
  }
}
.checkin-box .checkin-quick-booking-button,
.checkin-box .checkin-quick-booking-button-disabled{
    border-radius: 4px !important;
    padding: .5rem 1.5rem;
    width: initial;
    float: right;
}
.checkin-quick-booking-button:after,
.checkin-box .checkin-quick-booking-button-disabled:after{
  content: '';
  display: block;
  clear: both;
}
.checkin-grouped-by-date{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.checkin-wrapper{
    /*margin-bottom: 85px;*/
}
.checkin-location-image{
  width:100%;
  height: 200px;
  background-color: #fafafa;
  border-radius: 30px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.checkin-location-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.checkin-separator{
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 10px 0;
}
.checkin-date-header{
  position: sticky; 
  top: 72px; 
  z-index: 10; 
  background-color: #f7f7f7;
}

.checkin-wrapper .checkin-box{
  padding: 15px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}
#iframe-wrapper .col-md-12.iframe{
    display: none; /* remove bottom section for the iframe */
}
.checkin-wrapper .checkin-box .alert{
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgb(51 51 51 / 19%), -1px 2px 7px 0px rgb(51 51 51 / 41%);
}

.checkin-wrapper .checkin-box .alert.yellow{
    background-color: #fee37f;
    color: #333;
    text-shadow: none;
    transition: all 0.2s linear 0s;
}

.checkin-wrapper .checkin-box .alert.yellow:hover{
    box-shadow: 0 2px 6px 0 rgb(51 51 51 / 19%), -1px 5px 7px 0px rgb(51 51 51 / 41%);
}
@media only screen and (max-width: 480px) {
    .checkin-wrapper .checkin-box .alert{
        width: 100%;
    }
}

/** End QR Code page style */

.calendar_res_img.roundlogos{
  border-radius: 30px;
  width: 40px;
  height: 40px;
  background-size: cover;
  vertical-align: middle;
  /*float: left;*/
}
.calendar_res_img.roundlogos.small{
    width: 25px;
    height: 25px;
}
.booking-resource{
  /*float: left;*/
  vertical-align: middle;
  padding-top: 10px;
  padding-left: 10px;
  font-weight: bold;
  display: inline;
}
.accountedFields{
  opacity: .3 !important;
  background: #EEEEEE;
}
.deleted-documents{
  color: #777 !important;
}
.word-break-all{word-break: break-all;}
.word-break-all-wrap{word-break: break-all; word-wrap: break-word;}
.word-break-all-wrap-no-br{word-break: break-all; word-wrap: break-word; white-space: nowrap;}
.word-break-all-wrap-no-br-no-wrap{word-break: break-all; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.word-break-all-wrap-no-br-no-wrap-no-overflow{word-break: break-all; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}

.resourceMapView{ padding-top: 30px; display: none;}
.view_calendar_options_helper_text{
    margin-left: 20px;
    margin-top: 5px;
}
.md-form.view_calendar_options{
    margin-bottom: 0.5rem;
}
.list_view_options{
    margin-bottom: 1.2rem;
    margin-left: 9px;
}

/** CUSTOM STYLE */
/* Custom field translation */
.translate-field{
    margin-bottom: 0.875rem;
    padding: 0 5px;
}
.translate-field .alt-lang{
    padding:5px 5px 2px 5px;
    background: #efefef;
}

.translate-field .alt-lang + label{
    display: none;
}

.translate-field > input, .translate-field > textarea, .translate-field > .tox-tinymce{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.translate-field .alt-lang label{
    font-weight: normal;
}

.translate-field label small{
    font-size: 0.75em;
    opacity: 0.7;
}
.translate-field .input-group .input-group-btn{
    vertical-align: bottom;
    background-color: #EEE;
}
.translate-field .input-group .dropdown-toggle{
    padding: 16px 6px 0;
}
.translate-field .input-group .dropdown-menu{
    min-width: 100px;
    margin-top: 0;
}
.translate-field .input-group .dropdown-menu li a{
    padding: 4px 12px;
}
.translate-field .input-group .dropdown-menu li.active a{
    background-color: #19A5D4;
}
.translate-field .input-group .dropdown-menu small{
    font-size: 0.7em;
}
.translate-field .deepl-btn{
    opacity: 0.8;
    font-size: 0.8em;
    padding: 2px 0 0;
    color:#888;
    text-transform: none;
    font-weight: initial;
    margin-bottom: 0;
    display: none;
}
.translate-field .deepl-btn:hover{
    opacity: 1;
    text-decoration: none;
}
.translate-field .deepl-btn img{
    width: 12px;
}

.translate-field.form-group-lang{
    margin-bottom: 15px;
}

.open-translation-modal {
    margin: 0 !important;
    padding: 0 !important;
}

.has-translation-modal {
    width: 100%;
}

.md-form .modal .btn {
    margin: 0;
}
/** ./CUSTOM STYLE */


/* Customer Select Widget */
.v-select .vs__dropdown-toggle {
  border-radius: 8px !important;
  border-color: #dbdbdb !important;
  min-height: fit-content !important;
  max-height: fit-content !important;
  box-shadow: 0 2px 4px -2px rgb(0 0 0 / 11%) !important;
  padding: 0 !important;
  overflow: hidden;
}
.v-select .vs__search {
  border: 0 !important;
  width: auto !important;
  box-shadow: none !important;
  height: 30px !important;
}
.v-select .vs__selected + .vs__search{
  display: none;
}
.v-select.vs--open .vs__search{
  display: block;
}
.v-select .vs__selected-options {
  overflow: hidden;
  max-width: 90%;
  flex-direction: column;
  padding-bottom: 5px;
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  /*width: 100%;*/
  min-height: 38px;
}
.v-select .vs__selected {
  position: relative;
  line-height: 1.2;
  margin-left: 8px;
  padding-left: 0.9rem;
  height: 100%;
}
.v-select.vs--loading .vs__selected, .v-select.vs--open .vs__selected {
  opacity: 0 !important;
}
.v-select .vs__dropdown-option {
  white-space: normal !important;
  position: relative;
  padding-left: 1.5rem;
}
.v-select .vs__dropdown-option--highlight {
  background: #007041 !important;
}
.v-select .vs__dropdown-option--highlight .edit-link {
  color: #FFFFFF;
}
.v-select .vs__dropdown-option--highlight .edit-link:hover {
	font-weight: bold;
  text-decoration: underline;
}
.v-select .vs__actions {
  padding: 4px 15px 0 3px !important;
}
.v-select .select-caret-icon {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0;
  height: 0;
  right: 10px;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.v-select.vs--open .select-caret-icon {
  border-color: transparent transparent #999;
  border-width: 0 4px 4px;
}
.v-select .cust-dot {
  position: absolute;
  top: 6px;
  left: 5px;
}
.v-select .vs__selected .cust-dot {
  top: -9px;
  left: -14px;
  min-height: 100vh;
}
.v-select .cust-edit .edit-link{
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease-in-out;
}
.v-select .cust-edit .edit-link svg{
    width: 14px;
    height: 14px;
}
.v-select .vs__dropdown-option:hover .edit-link{
    opacity: 1;
    z-index: auto;
}
.v-select .vs__actions .cust-edit  .edit-link{
    padding-right: 0px;
    padding-left: 0px;
}
.v-select .vs__actions .cust-edit .edit-link{
    position: relative;
    opacity: 0;
    z-index: auto;
    line-height: 1;
    top: 0;
    display: inline-block;
    width: 0;
    transition: all 0.3s ease-in-out;
}
.v-select:not(.vs--open) .vs__dropdown-toggle .vs__actions .cust-edit .edit-link{
    opacity: 0;
    width: 0;
}
.v-select:not(.vs--open) .vs__dropdown-toggle:hover .vs__actions .cust-edit .edit-link{
    opacity: 1;
    width: 23px;
    padding-right: 5px;
    padding-left: 5px;
}

.h-100{
    height: 100% !important;
}
.h-100-vh{
    height: 100vh !important;
}
.h-auto{
    height: auto !important;
}
/** LOC-1556 
#calendar [dp-id="header"] div{
    min-height: max-content;
}
#calendar [dp-id="header"] > div{
    min-height: max-content;
    height: auto !important;
}
#calendar [dp-id="header"] > div > div{
height: auto !important;
}
#calendar [dp-id="header"] .calendar_white_colheader_inner{
    position: relative;
}
#calendar > div > div > div:last-child{
    height: 100px;
} */

.edit-blocked{
/*    pointer-events: none;*/
/*    opacity: 0.8;*/
    position: relative;
}
.edit-blocked#tab_events_list{
    overflow: hidden;
}

.edit-blocker{
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 100%;
/*    background-color: #00000010;*/
    z-index: 9;
}

.calendar_res_img.calendar_res_parts_img{
    width: 42px; /* 70% of 60px */
    height: 42px; 
    margin-top: 16px !important;
}
.calendar_res_img.calendar_res_parts_img.no-image{
    width: 0;
    height: 0;
}

.calendar_res_img.calendar_res_parts_img + p{
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

#weekCalendar .calendar_res_img.calendar_res_parts_img{
    width: 30px;
    height: 30px;
    margin-top: 2px !important;
}

#calendar .calendar_white_colheader_inner{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*place-content: center;*/
    /*place-items: center;*/
    line-height: 1.3;
}
/** EO LOC-1556 */
.menubar .view-select.select-pills{
    width: auto;
    max-width: fit-content;
}
.menubar .view-select.select-pills .pill{
    height: 100%;
}
.calendar_res_img.calendar_res_parts_img + p{
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-bottom: 10px;
    height: 100%;
}

.platform-v2-resource-calendar .calendar_white_colheader_inner p[onclick], .calendar_res_img[onclick] {
    cursor: pointer;
}

#weekCalendar .calendar_res_img.calendar_res_parts_img{
    width: 30px;
    height: 30px;
    margin-top: 2px !important;
}

.required-label::after {
  content:" *";
  color: red;
}

.v-select-without-edit .vs__dropdown-option{
    padding: 10px 1.6rem;
}
.v-select-without-edit .v-select .cust-dot{
    top: 50%;
    transform: translateY(-50%);
}
.v-select-with-bg .v-select .vs__dropdown-toggle{
    background-color: #fff;
}
.event_configurator_options .select2-container--bootstrap .select2-selection{
    height: inherit !important;
}
.v-select .vs__actions .vs__clear{
    top: -2px;
    position: relative;
}

.overnight-times-popover + .popover{
    border: 1px solid #ddd;
}

/** LOC-5623 */
.list-group .list-group-item.list-group-opening-times{
    padding: 0;
    border: none;
}
.list-group .list-group-item.list-group-opening-times .list-group-opening-time{
    display: flex;
    place-items: center;
    place-content: flex-start;
}
.list-group .list-group-item.list-group-opening-times .list-group-opening-time div{
    flex: 1;
    border: 1px solid #ddd;
    padding: 10px 15px;
}
.list-group .list-group-item.list-group-opening-times .list-group-opening-time div:last-child{
    border-left: none;
}
@media only screen and (max-width: 568px) {
    .list-group .list-group-item.list-group-opening-times{
        padding: 10px 15px;
        border: 1px solid #ddd;
    }
    .list-group .list-group-item.list-group-opening-times .list-group-opening-time{
        flex-direction: column;
    }
    .list-group .list-group-item.list-group-opening-times .list-group-opening-time div{
        border: none;
        padding: 0;
    }
}

.holiday_marker{
  display:inline-block;
  width:100%;
  height:5px;
  background-color:#059dda;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px SOLID #fff;
}
.holiday_marker.top{
  top:0;
}

.label-success{
  background-color: #007041;
}
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 30px;
}

.material-switch > label::before {
/*    background: rgb(0, 0, 0);*/
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 13px;
    margin-top: -5px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 30px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 13px;
    left: 1px;
    margin-top: -5px;
    position: absolute;
    top: 0px;
    transition: all 0.3s ease-in-out;
    width: 13px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.2;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    opacity: 0.7;
    left: 16px;

}

/** ./LOC-5623 */

.modal-no-hr .modal-header,
.modal-no-hr .modal-body,
.modal-no-hr .modal-footer{
    border-bottom: none;
    border-top: none;
}

/** https://michael-loy.atlassian.net/browse/LOC-5785 */
.panel-modal-container{
    position: fixed;
    z-index: 1050;
    inset: 0;
}
.panel-modal-backdrop{
    position: fixed;
    z-index: 1030;
    inset: 0;
    background-color: rgba(0,0,0,0.5);
}
/** End https://michael-loy.atlassian.net/browse/LOC-5785 */

.form-group{
    position: relative;
}
.picker-icon{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(-50%);
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .remove-btn {
        min-height: 76px;
        display: flex;
        align-items: center;
    }
}
.text-danger{
    color: #dc3545 !important;
}
.table.table-borderless td, .table.table-borderless th {
    border: none;
}
.position-relative{
    position: relative;
}
.vs__spinner_mask{
    position: absolute;
    inset: 0;
    background-color: transparent;
    display: flex;
    place-items: center;
    place-content: center;
}
.vs__spinner_mask .vs__spinner{
    opacity: 1;
}
.general-info-bar > span{
    /*color: #fff;*/
    /*text-decoration: underline;*/
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
}
.general-info-bar > table a,
.general-info-bar > span a{
    padding: 0 6px; 
    color:white !important;
    display:inline-block;
    text-decoration: underline;
}
.sidebar-general-info{
    padding: 0;
    margin-top: 10px;
}
.sidebar-general-info > span{
    display: flex;
    place-content: flex-start;
    align-items: center;
}
.sidebar-general-info > span{
    margin-bottom: 10px;
}
.sidebar-general-info > span:last-child{
    margin-bottom: 0;
}
.sidebar-general-info > span a{
    padding-top: 0 !important;
    padding-bottom: 0 !important;

}
.sidebar-general-info > table{
    margin-bottom: 0;
}
.sidebar-general-info > table tr td{
    border: 1px solid rgba(221,221,221, 0.5);
    padding: 5px 6px;
}
.sidebar-general-info > table tr td:first-child{
    white-space: nowrap;
    vertical-align: middle;
    width: 1%;
}

.btn-box.tr-id .dropdown-menu>li>a{
    padding-left: 5px;
    padding-right: 5px;
}
.remove-leadtime{
    display: block;
}
#RecurringBookingCancellationForm table tr:not(.selected) {
    display: none;
}
#RecurringBookingCancellationForm table{
    margin-bottom: 0;
}
#html-table-pagination{
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: auto;
}
#html-table-pagination > li > a.active{
    background-color: #007041;
    color: #fff;
}

/*https://michael-loy.atlassian.net/browse/LOC-5986 => OneLine CSS try*/
/*.vbt-table-wrapper tbody > .table-active:first-child input:not(:placeholder-shown){ background-color: rgba(255, 240, 162) }*/
.vbt-table-wrapper tbody > .table-active:first-child input{ transition: all 0.2s linear 0s; }
.vbt-table-wrapper tbody > .table-active:first-child input.is--highlighted{
    background-color: rgba(255, 241, 166, 0.68);
    border-radius: 4px !important;
    /*padding-left: 2px !important;*/
    /*border: 1px solid rgb(255 227 78) !important;*/
}

.text-decoration-none{ text-decoration: none !important; }

.radio-hidden label {
  display: block;
  cursor: pointer;
}

.radio-hidden input {
  visibility:hidden;
  position: absolute;
}

.radio-slave-hidden {
  margin-left: 0;
  background: #fff;
  padding: 15px;
}

.fa.inheritance{
    color: #007041;
    cursor: pointer;
}
.fa.fa-chain-broken.inheritance{
    color: #c7c5c5;
}
#l_instance_category_fields_general .form-group{ margin-bottom: 10px; !important; }

[id^="EventCustomStartDateAlt"]{
    max-width: 100% !important;
    width: 100% !important;
}
[id^="EventCustomStartDateAlt"].picker__input{
    text-align: left !important;
}
.custom-full-day{
    font-size: 0.675rem !important;
    white-space: nowrap;
    display: inline-block;
    margin-left: -12px;
}

.custom-date-checkbox{
    background-color: #dbdbdb;
    accent-color: #fff;
}
.custom_date_time_blocked input{
    /*background-color: #ddd;*/
    color: #ddd !important;
    cursor: default;
}
.custom_date_time_blocked .controls{
    display: none !important;
}
.custom_times input[type="text"]{
    margin-left: 0 !important;
}

.has-dropdown-submenu{
    position: relative;
}
.dropdown-menu.dropdown-submenu{
    display: none;
    
}
.dropdown-menu .has-dropdown-submenu:hover .dropdown-submenu{
    display: block;
    position: absolute;
    left: -160px;
    top:0;
}

@media only screen and (max-width: 768px){
    .dropdown-menu .has-dropdown-submenu:hover .dropdown-submenu{
        left: 0;
        top: auto;
    }
}
.customer-booking-list-columns .btn{
    padding: 6px 8px 6px !important;
}

.text-small{
    font-size: 0.678rem
}
.convert-select-to-text{
    outline: 0;
    border: 0;
    appearance: none;
    background: transparent;
    pointer-events: none;
}
table.invoice_header_details{
    max-width: fit-content;
}
table.invoice_header_details th,
table.invoice_header_details td{
    border: none !important;
}

.checkbox.text-right input[type="checkbox"]:checked+label::after{
  text-align: left;
}

.image-box{
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 4px SOLID #eee;
    filter: grayscale(100%);
}

/** Potential resource carousel update */
#potential-resource-slider {
    margin-bottom: 8px;
}

[id*='potential-resource-slider'] .carousel-inner .thumbnail {
    margin-bottom: 0;
}

[id*='potential-resource-slider'] .carousel-inner .item img {
    width: 100%;
    height: 287px;
    object-fit: cover;
    object-position: center;
    display: flex;
    place-content: center;
    place-items: center;
    border-radius: 4px;
    border: 1px solid #ddd;
}

[id*='potential-resource-slider'] .carousel-control {
    opacity: 0.8;
}

[id*='potential-resource-slider'] .carousel-control.right,
[id*='potential-resource-slider'] .carousel-control.left {
    background-image: none;
    color: #333;
}
[id*='potential-resource-slider'] .carousel-control.right{
    right: -43px;
}
[id*='potential-resource-slider'] .carousel-control.left{
    left: -43px;
}

[id*='potential-resource-slider'] .carousel-indicators li {
    background-color: #fff;
}

[id*='potential-resource-slider'] .carousel-indicators .active {
    background-color: transparent;
}
/** End potential resource carousel update */
.dropdown.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px; 
}
.dropup:not(.booking-status){
    .dropdown-menu{
        margin-bottom: -10px;
    }
}
#page-wrapper{
 /*overflow-x: initial;*/
}
.button-group-deposit{
    margin-top: 10px;
}
.button-group-deposit{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.button-group-deposit > .btn{
    margin-right: 0;
    flex-grow: 1;
}

.table-pane{
    overflow: initial !important;
}
/** Prevent the overflow on modal table-pane */
.modal .modal-content .table-pane{
    overflow-x: auto !important;
}
#schedule-container #booking-table tr td,#schedule_preview_20863 h4{
    word-break: break-word;
}

.linkcustom{
  display: block;
  padding: 5px 0px 5px 0px;
}

.alert.fill{
    border-radius: 4px !important;
    width: auto;
    max-width: fit-content;
    margin: 0 auto;
    white-space: nowrap;
    line-height: 2;
    position: relative;
    z-index: 9999;
}
@media only screen and (max-width: 768px){
    .alert.fill{
        width: 100%;
        white-space: normal;
        line-height: 1.5;
    }

}
.alert-success-color.fill{ background-color: #007041 !important; color: #fff !important;}
.alert-info-color.fill{ background-color: #33b5e5 !important; color: #fff !important;}
.alert-danger-color.fill{ background-color: #f44 !important; color: #fff !important;}
.alert-warning-color.fill{ background-color: #fb3 !important; color: #fff !important;}
.alert-default-color.fill{ background-color: #2BBBAD !important; color: #fff !important;}
.alert-success-color.fill a{ color: #fff !important;}
.alert-info-color.fill a{ color: #fff !important;}
.alert-danger-color.fill a{ color: #fff !important;}
.alert-warning-color.fill a{ color: #fff !important;}
.alert-default-color.fill a{ color: #fff !important;}
.no-shadow{
    box-shadow: none !important;
}

.no-pointer-events{
    pointer-events: none !important;
    cursor: not-allowed !important;
}

#invoiceForm .invoice_edit_v2 .invoice_table_v2 #acc_total_price_events .input-group{
    display: inline-flex;
    flex-wrap: nowrap;
    place-content: flex-end;
    width: 115px;
}
#invoiceForm .invoice_edit_v2 .invoice_table_v2 #acc_total_price_events{
    text-align: right;
}
#invoiceForm .invoice_edit_v2 .invoice_table_v2 #acc_total_price_events .input-group-addon{
    flex-basis: auto;
}
#invoiceForm .invoice_edit_v2 .invoice_table_v2 #acc_total_price_events  #subtotal_price_events{
    /*text-align: right;*/
}
#invoiceForm .invoice_edit_v2 .invoice_table_v2 td.custom_date{
    height: 55px;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.authenticator-row{
    display: flex;
    align-items: start;
    place-content: start;
}


.authenticator-row > div{
    flex: 1;
    position: relative;
    justify-self: center;
    align-self: start;
}
.authenticator-row > div:last-child{
    border-left: 1px solid #ddd;
}
.authenticator-row > div.no-border{
    border: none !important;
}
.authenticator-row .authenticator-headline h3{
    font-weight: 400 !important;
}
.authenticator-row .authenticator-separator{
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff;
    padding: 0 10px;
    color: #ddd;
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 20px;
}
.authenticator-row .authenticator-email-icon{
    width: 200px;
    height: 200px;
    stroke-width: 1;
}

.authenticator-row .deactivated{
    opacity: 0.5;
    cursor: not-allowed;
}

/** Media query for the authenticator row */
@media only screen and (max-width: 768px){
    .authenticator-row{
        flex-direction: column;
    }
    .authenticator-row > div{
        border-left: none;
        align-self: center;
    }
    .authenticator-row > div:last-child{
        border-left: none;
        border-top: 1px solid #ddd;
        margin-top: 20px;
        padding-top: 10px;
    }
    .authenticator-row > div.no-border{
        border: none !important;
    }
    .authenticator-row .authenticator-headline h3{
        font-weight: 400 !important;
    }
    .authenticator-row .authenticator-separator{
        top: 0;
        left: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 480px){
    #NotificationActivityFilterForm{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    #NotificationActivityFilterForm .btn-group{
        flex: 1;
        flex-basis: 47%;
        margin-right: 0;
    }
    #NotificationActivityFilterForm .btn-group:last-child{
        flex-grow: 1;
        flex-basis: 100%;
    }
    #NotificationActivityFilterForm .btn-group .btn,
    #NotificationActivityFilterForm .btn-group .input-group{
        width: 100%;
    }
    .flag-page-return{
        margin-right: 0;
    }
     #EventForm .panel-foot{
        display: flex;
        flex-direction: row;
        gap: 5px;
        padding-left: 15px;
        padding-right: 15px;
     }
    #EventForm .panel-foot > div{
        padding-left: 5px;
        padding-right: 5px;
        flex: 1 !important;
    }
    #EventForm .panel-foot > div:nth-of-type(1){
        flex-basis: 28% !important;
    }
    #EventForm .panel-foot > div:nth-of-type(2){
        flex-basis: 36% !important;
    }
    #EventForm .panel-foot > div:nth-of-type(3){
        flex-basis: 36% !important;
    }
    #EventForm .panel-foot > div:first-child .row{
        display: flex;
    }
    #EventForm .panel-foot > div:first-child .row div{
        width: fit-content;
    }
    
    #EventForm .panel-foot > div [class*="col-"]{
        padding-left: 0;
        padding-right: 0;
    }
    #EventForm .panel-foot .save-event-dummy,
    #EventForm .panel-foot .no-save-event-dummy{
        display: flex;
        padding: 5px 10px;
    }
    
}
@media only screen and (max-width: 768px) {
    
    .mobile-cta{
        display: flex !important;
        flex-direction: row;
        gap: 10px;
        place-content: center;
    }
    .mobile-cta > div{
        margin: 0;
        padding: 0;
    }
    
}
@media only screen and (max-width: 576px) {
    
    #create_invoice_document svg{
        margin-left: -10px;
    }
    
}
.dropdown_button >  button{
        outline: none;
    border: none;
    background-color: transparent;
    color: #aaa;
    letter-spacing: 2px;
    vertical-align: super;
    font-weight: 700;
}
.dropdown_button.dropdown-inline{
    display: inline-block;
    vertical-align: inherit;
}
.dropdown_button.dropdown-inline > button{
    letter-spacing: normal;
    vertical-align: inherit;
    color: initial;
}
.no-border{
    border: none !important;
}

.f-preview-switch{
    margin-right: 12px;
    padding: .5em 1em;
    box-shadow: 0 0 2px #CCCCCC !important;
    border-radius: 5px !important;
    font-weight: 600;
}

.f-preview-display{
  overflow-y:scroll;
}

.f-preview-display span{
  display: flex;
  margin-top: 4px;
}

.f-preview-display samp{
  background:#edf1ef;
  margin-right: 3px;
  padding: 3px 0;
}

#mappingIframe,
#settingsIframe{
    border: none;
    width: 100%;
    height: 100%;
    min-height: 500px;
    box-shadow: none;
    outline: none;
    display: none;
}
.digital-locks-interface-loader{
    border: none;
    width: 100%;
    height: 100%;
    min-height: 500px;
    box-shadow: none;
    outline: none;
}
.digital-locks-interface-loader .digital-locks-interface-loading{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.digital-locks-interface-error{
    border: none;
    width: 100%;
    height: 100%;
    min-height: 500px;
    box-shadow: none;
    outline: none;
    display: none;
}

.digital-locks-interface-error-visible{
    display: flex;
    flex-direction: column;
    gap: 10px;
    place-items: center;
    place-content: center;
}
.add-contact-input-box{
    position: relative;
    margin-bottom: 10px;
}
.add-contact-suggestion-box{
    position: absolute;
    padding: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 12px;
    width: calc(100% - 20%);
    z-index: 10;
    max-height: 320px;
    min-height: auto;
    overflow: hidden;
    overflow-y: auto;
}
.add-contact-input{
    margin-bottom: 0;
}
.add-contact-suggestion-box-info{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 8px;
    padding: 10px;
    place-items: center;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s linear 0s;
    margin-bottom: 0;
}
.add-contact-suggestion-box-info.active{
    background-color: #edf1ef;
}
.add-contact-suggestion-box-info:hover{
    background-color: #ddd;
}
.add-contact-suggestion-box-image img{
    width: 32px;
}
.add-contact-suggestion-box-details{
    flex-grow: 1;
}
.add-contact-salutation{
    padding: 0 5px 0 15px;
    border-radius: 8px;
}
.custom-select-caret{
    position: relative;
    display: inline-block;
    width: 100%;
}
.custom-select-caret select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
.custom-select-caret:before {
  content: "\f078";
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: FontAwesome;
    pointer-events: none;
    font-size: 10px;
}
.add-contact-input-items{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 5px 10px;
}
.add-contact-selected{
    background-color: #fff;
    border: none;
    border-radius: 0;
    display: flex;
    gap: 5px;
    padding: 2px 7px 2px 2px;
    flex-grow: 1;
}
.add-contact-selected span{
    flex-grow: 1;
}
.add-contact-selected img{
    width: 20px;
    height: 20px;
}
#add-contact-input{
    display: inline;
    width: auto;
    margin-bottom: 0;
    padding: 0 5px !important;
    border: none !important;
    box-shadow: none !important;
    flex-grow: 1;
    height: auto;
    outline: none !important;
}
.add-contact-input-box .add-contact-mail-not-linked-error{
    position: absolute;
    top: -10px;
    opacity: 0;
    transition: all 0.3s linear 0s;
    left: 10px;
    background: #fff;
    padding: 0 5px;
}
#add-contact-box .modal-body{
    padding: 0 15px;
}
.contact-role-dropdown + .dropdown-menu{
    padding: 6px;
    overflow: hidden;
    min-width: 177px;
    border-radius: 16px !important;
    background: #FFF;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15) !important;
    right: -13px;
    left: initial;
    border: none;
}
.contact-role-dropdown + .dropdown-menu .dropdown-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2px;
    place-items: flex-start;
}
.contact-role-dropdown + .dropdown-menu li{
    cursor: pointer;
}
.contact-role-dropdown + .dropdown-menu li a{
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 150% */
    background-color: #fff;
    transition: all 0.3s linear 0s;
    margin-bottom: 2px;
}
.contact-role-dropdown + .dropdown-menu li:last-child a{
    margin-bottom: 0px;
}
.contact-role-dropdown + .dropdown-menu li a:hover{
    background-color: #F7F7F8;
}
.contact-role-dropdown + .dropdown-menu li a.active{
    background-color: #EEEEEE;
}
.contact-role-dropdown + .dropdown-menu li.active a{
    background-color: #000;
    color: #fff;
}
.contact-role-dropdown + .dropdown-menu .dropdown-item .dropdown-item-heading{
    font-weight: 600;
    font-size: 14px;
    color: #000;
    transition: 0.3s linear 0s;
}
.contact-role-dropdown + .dropdown-menu li:hover .dropdown-item-heading{
    color: #007041;
}
.contact-role-dropdown + .dropdown-menu .dropdown-item .dropdown-item-text{
    font-weight: 400;
    font-size: 12px;
    color: #aaa;
}
.contact-role-dropdown + .dropdown-menu .dropdown-item .dropdown-item-selected svg{
    color: #000;
    stroke-width: 4px;
    top: 2px;
    position: relative;
}
#add-contact-modal .modal-footer{
    padding: 0 15px 15px;
}
.add-contact-additional-info select[disabled],
.add-contact-additional-info input[disabled]{
    background-color: #f5f5f5;
    color: #aaa;
    user-select: none;
    appearance: none;
}
.dropdown-trigger-label{
    cursor: pointer;
    display: inline-block;
}
.dropdown-trigger{
    position: relative;
}
.blur{
    filter: blur(3px);
}
.modal-backdrop.down{
    top: 46px;
}
.has-error {
    border-color: #dc3545 !important;
}

.locaboo-color-picker{
    display: flex;
    gap: 5px;
    align-items: flex-start;
    flex-direction: column;
}

.locaboo-color-picker-items{
    flex-grow: 1;
    display: flex;
    gap: 5px 10px;
    align-items: flex-start;
}
.locaboo-color-picker-item{
    position: relative;
}
.locaboo-color-picker-item label{
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: all 0.3s;
}
.locaboo-color-picker-item label[for*="color-none"]{
    border-color: #000;
}
.locaboo-color-picker-item label[for*="color-none"]::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 113%;
    height: 1px;
    background-color: #000;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.locaboo-color-picker-item input[type="radio"]{
    opacity: 0;
    z-index: -1;
    position: absolute;
}
.locaboo-color-picker-item input[type="radio"]:checked + label{
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #000;
}
.locaboo-color-picker-item input[type="radio"]:checked + label::before{
    background-color: #000;
    width: 130%;
    height: 2px;
}
.locaboo-color-picker-item input[type="color"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ddd;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    transition: all 0.3s;
    padding: 0;
}
.locaboo-color-picker-item input[type="radio"]:checked + input[type="color"]{
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 2px #000;
}
.locaboo-color-picker-item input[type="color"]::-webkit-color-swatch-wrapper{
    padding: 0;
    border-radius: 50%;
}

.locaboo-color-picker-item input[type="color"]::-webkit-color-swatch {
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 2
}

.locaboo-color-picker-item input[type="color"]::-moz-color-swatch {
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.locaboo-color-picker-item label.custom-color-label{
    position: absolute;
    top: -4px;
    right: -10px;
    z-index: 1;
    border: none;
}

.locaboo-color-picker-item .custom-color-label .fa-eyedropper{
    font-size: 14px;
    text-shadow: 1px 1px 0px #fff;
}
.locaboo-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
  margin: 0;
  top: 3px;
}

.locaboo-switch input {
  display: none;
}

.locaboo-switch .locaboo-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D8D8D8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.media-manager-thumbnail{
    width: 28px;
    height: 28px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
    border: 1px solid rgba(221,221,221,0.72);
}
.toggle_platform_visibility + label::before{
    left: 0;
}
.dropdown-inline{
    display: inline-block;
}
.dropdown-inline.dot button{
    outline: 0;
    border: none !important;
    background: transparent;
    color: #ccc;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 18px;
}
.page-pane.bg-transparent{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.locaboo-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
  margin: 0;
  top: 3px;
}

.locaboo-switch input {
  display: none;
}

.locaboo-switch .locaboo-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D8D8D8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.locaboo-switch .locaboo-switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #D8D8D8;
}
.locaboo-switch input + .locaboo-switch-slider{
    transition: all 0.4s ease-in-out;
}
.locaboo-switch input:checked + .locaboo-switch-slider {
  background-color: #101010;
  border-color: #101010;
}

.locaboo-switch.locaboo-switch-success input:checked + .locaboo-switch-slider {
    background-color: #007041;
}
.locaboo-switch.locaboo-switch-danger input:checked + .locaboo-switch-slider {
    background-color: #f44;
}
.locaboo-switch.locaboo-switch-warning input:checked + .locaboo-switch-slider {
    background-color: #fb3;
}
.locaboo-switch.locaboo-switch-info input:checked + .locaboo-switch-slider {
    background-color: #33b5e5;
}
.locaboo-switch.locaboo-switch-default input:checked + .locaboo-switch-slider {
    background-color: #2BBBAD;
}



.locaboo-switch input:checked + .locaboo-switch-slider
.locaboo-switch input:focus + .locaboo-switch-slider {
  box-shadow: 0 0 1px #101010;
}

.locaboo-switch input:checked + .locaboo-switch-slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

.locaboo-switch.locaboo-switch-success input:checked + .locaboo-switch-slider:before {
    border-color: #007041;
}
.locaboo-switch.locaboo-switch-danger input:checked + .locaboo-switch-slider:before {
    border-color: #f44;
}
.locaboo-switch.locaboo-switch-warning input:checked + .locaboo-switch-slider:before {
    border-color: #fb3;
}
.locaboo-switch.locaboo-switch-info input:checked + .locaboo-switch-slider:before {
    border-color: #33b5e5;
}
.locaboo-switch.locaboo-switch-default input:checked + .locaboo-switch-slider:before {
    border-color: #2BBBAD;
}

.locaboo-switch .locaboo-switch-slider.round {
  border-radius: 10px;
}

.locaboo-switch .locaboo-switch-slider.round:before {
  border-radius: 12px;
}

#mediamanager_table {
    position: relative;
}

#mediamanager_table .mm-loader{
    position: absolute;
    inset: 0;
    background-color: #fff;
    z-index: 10;
    display: flex;
    place-items: center;
    place-content: center;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 200px;
}
#mediamanager_table .mm-loader.in{
    opacity: 1;
}
#mediamanager_table .mm-loader.out{
    opacity: 0;
    z-index: -1;
}
.media_manager_table_pane{
    background-color: #fff;
}
.locaboo-switch .locaboo-switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #D8D8D8;
}
.locaboo-switch input + .locaboo-switch-slider{
    transition: all 0.4s ease-in-out;
}
.locaboo-switch input:checked + .locaboo-switch-slider {
  background-color: #101010;
  border-color: #101010;
}

.locaboo-switch.locaboo-switch-success input:checked + .locaboo-switch-slider {
    background-color: #007041;
}
.locaboo-switch.locaboo-switch-danger input:checked + .locaboo-switch-slider {
    background-color: #f44;
}
.locaboo-switch.locaboo-switch-warning input:checked + .locaboo-switch-slider {
    background-color: #fb3;
}
.locaboo-switch.locaboo-switch-info input:checked + .locaboo-switch-slider {
    background-color: #33b5e5;
}
.locaboo-switch.locaboo-switch-default input:checked + .locaboo-switch-slider {
    background-color: #2BBBAD;
}



.locaboo-switch input:checked + .locaboo-switch-slider
.locaboo-switch input:focus + .locaboo-switch-slider {
  box-shadow: 0 0 1px #101010;
}

.locaboo-switch input:checked + .locaboo-switch-slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

.locaboo-switch.locaboo-switch-success input:checked + .locaboo-switch-slider:before {
    border-color: #007041;
}
.locaboo-switch.locaboo-switch-danger input:checked + .locaboo-switch-slider:before {
    border-color: #f44;
}
.locaboo-switch.locaboo-switch-warning input:checked + .locaboo-switch-slider:before {
    border-color: #fb3;
}
.locaboo-switch.locaboo-switch-info input:checked + .locaboo-switch-slider:before {
    border-color: #33b5e5;
}
.locaboo-switch.locaboo-switch-default input:checked + .locaboo-switch-slider:before {
    border-color: #2BBBAD;
}

.locaboo-switch .locaboo-switch-slider.round {
  border-radius: 10px;
}

.locaboo-switch .locaboo-switch-slider.round:before {
  border-radius: 12px;
}
#EventCustomerSelect .v-select .vs__selected-options{
    min-height: 34px !important;
    padding-bottom: 1px !important;
}

#EventCustomerSelect .v-select .vs__search{
    height: 34px !important;
    margin-top: 1px !important;
}
#EventCustomerSelect .v-select .vs__search::placeholder{
    font-size: 14px !important;
    color: #555555 !important;
    font-family: 'Source Sans Pro', sans-serif;
}

#ai-agent-frame{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 115px;
    height: 87px;
    z-index: 9999;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}

.navbar-header__links {
    float: right;
    margin-top: 12px;
    display: flex;
}

.widget-release-trigger {
    margin-right: 10px;
}

.widget-release-trigger_mobile {
    float: right;
}

.widget-release-trigger.has-new .widget-release-trigger__badge {
    opacity: 1;
    visibility: visible;
}

.new-btn {
    position: relative;
    background-color: transparent;
    border: 0;
    color: #000;
}

.new-btn:focus,
.new-btn:active,
.new-btn:hover {
    color: #000;
}

.new-btn_text {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: -0.1px;
    padding: 6px 10px;
}

.new-btn__badge {
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: rgba(240, 60, 50, 0.94);
    box-shadow: 0px 0.667px 2px 0px rgba(200, 53, 52, 0.25);
}

body.scroll-lock {
    overflow: hidden !important;
    padding-right: var(--lc-scrollbar-width) !important;
}

body.scroll-lock #the-top-white-bar {
    right: var(--lc-scrollbar-width) !important;
}

body[data-scroll-locked] #the-top-white-bar {
    right: var(--removed-body-scroll-bar-size) !important;
}

body[data-scroll-locked].panel-moves.animated {
    padding-right: var(--removed-body-scroll-bar-size) !important;
    margin-right: 0 !important;
}