:root {
  --maincolor: #b6b6b6;
  --bodycolor: #ffffff;
  --fontcolor: #212121;
  --fontfamily: arial;
  --normalfontsize: 14px;
  --linkcolor: #87bb1f;
  --linkunderline: none;
  --linkhovercolor: #79a81b;
  --linkhoverunderline: underline;
  --btnprimarycolor: #87bb1f;
  --btnprimarytextcolor: #ffffff;
  --btnprimarybordercolor: #87bb1f;
  --btnprimaryhovercolor: #6c9518;
  --btnprimaryhovertextcolor: #ffffff;
  --btnprimaryhoverbordercolor: #6c9518;
  --btnprimaryradius: 5px;
  --buttoncolor: #87bb1f;
  --buttontextcolor: #ffffff;
  --buttonbordercolor: #87bb1f;
  --buttonhovercolor: #6c9518;
  --buttonhovertextcolor: #ffffff;
  --buttonhoverbordercolor: #6c9518;
  --buttonradius: 5px;
  --blockbgcolor: #ffffff;
  --moduleblockmarginbottom: 1.5em;
  --headingbgcolor: #b6b6b6;
  --headingfontcolor: #ffffff;
  --headingfontsize: 14px;
  --headingsfontfamily: arial;
  --headingtexttransform: uppercase;
  --borderradius: 0px;
  --borderwidth: 0px;
  --horizontalshadowoffset: 0px;
  --verticalshadowoffset: 0px;
  --shadowblurradius: 0px;
  --rostercontainerheight: 750px;
  --detailblockfloat: bottom;
  --calendar_mainblockwidth: 100%;
  --calendar_singlewidth: 50%;
  --calendar_float: left;
  --calendar_legendwidth: 100%;
  --calendar_open: #87bb1f;
  --calendar_open_na: #E8ECBA;
  --calendar_full: #D9534F;
  --calendar_request: #F0AD4E;
  --calendar_holiday: #FAE4E4;
  --max-width_container-fluid: 1400px;
  --header_bg_color: #ffffff;
  --header_txt_color: #777777;
  --header_border_color: transparent;
  --header_box_shadow: none;
  --navbar_min_height: 70px;
  --navbar_menu_txt_color: #999999;
  --footerbgcolor: #f6f6f6;
  --footertxtcolor: #686868;
  --languageflags: both;
  --langnames: show;
  --accentcolor: #ff6600;
  --messagecolor: #93c30f;
  --messagewrongcolor: #ff0000;
  --theme01: not used;
  --theme02: not used;
}
body,
body.tundra.frontend {
  font-family: arial;
  font-size: 14px;
  color: #212121;
  background-color: #ffffff;
  line-height: 21px;
}
div.maincontent,
div.bt_maincontent {
  background-color: #ffffff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-width: 0;
  margin-bottom: 5px !important;
}
.module {
  margin: 0 0.5em 1.5em 0.5em;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: 0px 0px 0px #838383;
  -moz-box-shadow: 0px 0px 0px #838383;
  -webkit-box-shadow: 0px 0px 0px #838383;
  border: solid 0px #b6b6b6;
  background-color: #ffffff;
}
.bt_maincontent .module {
  margin: 0 0 1.5em 0;
  font-size: 12px;
  line-height: 18px;
}
.mod-header {
  background-color: #b6b6b6;
  border-radius: -2px -2px 0 0;
  -moz-border-radius: -2px -2px 0 0;
  -webkit-border-radius: -2px -2px 0 0;
  border-bottom: 1px solid #b6b6b6;
}
.mod-header h3 {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}
.bt_maincontent .well {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: 0px 0px 0px #838383;
  -moz-box-shadow: 0px 0px 0px #838383;
  -webkit-box-shadow: 0px 0px 0px #838383;
  border: solid 0px #b6b6b6;
  background-color: #ffffff;
}
a,
a:link,
a:visited {
  color: #87bb1f;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #79a81b !important;
  text-decoration: underline;
}
.front-footer {
  background-color: #f6f6f6;
}
.front-footer .copyright {
  font-size: 12px;
  line-height: 18px;
  color: #686868;
}
.front-footer .copyright a,
.front-footer .copyright a:visited {
  color: #686868;
  text-decoration: none;
}
.front-footer .copyright a:hover,
.front-footer .copyright a:focus {
  color: #686868 !important;
  text-decoration: underline !important;
}
.accent {
  color: #ff6600;
}
.subhead {
  color: #b6b6b6 !important;
  text-transform: uppercase;
}
.time-subhead {
  color: #b6b6b6 !important;
}
table.no_border tr:hover,
.tundra.frontend #new_booking .table-row:hover {
  background-color: #e6e6e6;
}
.bootstrapfront .bt_maincontent #confirm_container div.no-margin .inline_table {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: solid 0px #b6b6b6;
}
.bootstrapfront .bt_maincontent #no-more-tables tr {
  border-color: #b6b6b6;
}
.bootstrapfront .bt_maincontent #no-more-tables td {
  border-color: #e9e9e9 !important;
}
@media only screen and (min-width: 569px) {
  .bootstrapfront .bt_maincontent #no-more-tables tr:first-child th:first-child {
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
  }
  .bootstrapfront .bt_maincontent #no-more-tables tr:first-child th:last-child {
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
  }
  .bootstrapfront .bt_maincontent #no-more-tables tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
  }
  .bootstrapfront .bt_maincontent #no-more-tables tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
  }
}
@media only screen and (max-width: 568px) {
  .bootstrapfront .bt_maincontent #no-more-tables tr:first-child td:first-child {
    border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
  }
  .bootstrapfront .bt_maincontent #no-more-tables tr:last-child td:last-child {
    border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
  }
}
.bootstrapfront .bt_maincontent .table-striped > tbody > tr:nth-child(2n+1) > td,
.bootstrapfront .bt_maincontent .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #f6f6f6;
}
.bootstrapfront .bt_maincontent .table-striped > thead > tr:hover,
.bootstrapfront .bt_maincontent .table-striped > tbody > tr:hover {
  background-color: transparent;
}
.bootstrapfront .bt_maincontent .table-striped > tbody > tr.row_total > td {
  background-color: #d0d0d0;
}
#new_booking {
  min-height: 50px;
}
.tundra.frontend table.formtable .multiselect select {
  background-color: #f6f6f6;
  color: #838383;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: solid 0px #d0d0d0;
}
.tundra.frontend table.formtable .multiselect select:hover {
  background-color: #c3c3c3;
  color: #505050;
  border-color: #9d9d9d;
}
#dashboard .icheckbox_flat {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
#dashboard .icheckbox_flat.checked,
#dashboard .iradio_flat.checked {
  background-color: #d0d0d0;
  border: solid 0px #d0d0d0;
}
.roster_container .dhx_cal_navline .dhx_cal_today_button {
  background-color: #87bb1f;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #ffffff;
}
.roster_container .dhx_cal_navline .dhx_cal_today_button:hover {
  background-color: #6c9518;
  color: #ffffff;
}
.bootstrapfront .btn {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.bootstrapfront .btn:hover,
.bootstrapfront .btn:focus {
  text-decoration: none;
}
.bootstrapfront .btn-default {
  background-color: #87bb1f;
  color: #ffffff;
  border: solid 0px #87bb1f;
}
.bootstrapfront .btn-default:hover,
.bootstrapfront .btn-default:focus,
.bootstrapfront .btn-default:active,
.bootstrapfront .btn-default.active {
  background-color: #6c9518;
  color: #ffffff !important;
  border-color: #6c9518;
}
.bootstrapfront .btn-primary {
  color: #ffffff;
  background-color: #87bb1f;
  border-color: #87bb1f;
}
.bootstrapfront .btn-primary:hover,
.bootstrapfront .btn-primary:focus,
.bootstrapfront .btn-primary:active,
.bootstrapfront .btn-primary.active {
  color: #ffffff !important;
  background-color: #6c9518;
  border-color: #6c9518;
}
.bootstrapfront .btn-link,
.bootstrapfront .btn-link:visited {
  color: #87bb1f;
}
.bootstrapfront .btn-link:hover,
.bootstrapfront .btn-link:focus,
.bootstrapfront .btn-link:active,
.bootstrapfront .btn-link.active {
  color: #79a81b !important;
}
.flexWrapper {
  flex-direction: row;
}
.main-wrapper {
  width: 100%;
}
#admin_calendar_wrapper .main-wrapper,
.bootstrapfront .bt_maincontent .main-wrapper.calendar_front {
  width: 100%;
}
.detail-wrapper {
  width: 100%;
}
.roster_container .dhx_cal_container {
  height: 750px;
}
.roster_container .dhx_cal_container.dhx_scheduler_unit,
.roster_container .dhx_cal_container.dhx_scheduler_timeline {
  height: 780px;
}
.roster_container .dhx_cal_container.dhx_scheduler_day,
.roster_container .dhx_cal_container.dhx_scheduler_week,
.roster_container .dhx_cal_container.dhx_scheduler_month {
  height: 810px;
}
.roster_container .dhx_cal_navline .dhx_cal_date {
  color: #212121;
  font-family: arial;
  font-size: 14px;
}
.roster_container .dhx_cal_navline div.dhx_minical_icon::before,
.roster_container .dhx_cal_navline div.dhx_cal_refresh_button,
.roster_container .dhx_cal_navline div.dhx_cal_refresh_button .btn,
.roster_container .dhx_cal_navline .dhx_cal_prev_button::before,
.roster_container .dhx_cal_navline .dhx_cal_next_button::before {
  color: var(--bs-gray-500);
  background-color: transparent;
  border-color: transparent;
}
.roster_container .dhx_cal_navline div.dhx_minical_icon:hover,
.roster_container .dhx_cal_navline div.dhx_cal_refresh_button:hover,
.roster_container .dhx_cal_navline div.dhx_cal_refresh_button .btn:hover,
.roster_container .dhx_cal_navline .dhx_cal_prev_button:hover,
.roster_container .dhx_cal_navline .dhx_cal_next_button:hover {
  --bs-gray-500: var(--bs-gray-600) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.roster_container .dhx_cal_navline .dhx_cal_today_button {
  background-color: #87bb1f;
  color: #ffffff;
  border: 1px solid #87bb1f;
  border-radius: var(--btnprimaryradius);
}
.roster_container .dhx_cal_navline .dhx_cal_today_button:hover,
.roster_container .dhx_cal_navline .dhx_cal_today_button:focus {
  background-color: #6c9518;
  color: #ffffff;
  border-color: #6c9518;
  border-radius: var(--btnprimaryradius);
  text-decoration: none !important;
}
.roster_container .dhx_cal_navline .dhx_cal_tab {
  color: var(--bs-gray-500);
  background-color: transparent;
  border-color: var(--bs-gray-500);
}
.roster_container .dhx_cal_navline .dhx_cal_tab:hover {
  color: var(--bs-gray-600);
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-500);
}
.roster_container .dhx_cal_navline .dhx_cal_tab.active {
  color: var(--bs-white);
  background-color: var(--bs-gray-500);
  border-color: var(--bs-gray-500);
}
.roster_container .dhx_cal_navline .dhx_cal_tab.active:hover {
  color: var(--bs-white);
  background-color: var(--bs-gray-600);
  border-color: var(--bs-gray-600);
}
.roster_container .dhx_scale_hour {
  color: #212121;
  font-weight: 300;
}
.roster_container .dhx_loading {
  background-color: #d0d0d0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.message {
  color: #93c30f;
}
.message_wrong {
  color: #ff0000;
}
.is-datepick .ires-datepicker,
.is-datepick .datepick-month th,
.is-datepick .datepick-month td span {
  color: #212121;
}
.is-datepick .datepick-cmd,
.is-datepick .datepick-week,
.is-datepick .datepick-week span {
  color: #212121 !important;
}
.ui-datepicker-unselectable .ui-state-default,
.datepick-unselectable .ui-state-default,
.ires_full .ui-state-default,
.is-datepick .ires_full,
.ires_full .slotbutton,
.full {
  color: #000000 !important;
  background-color: #D9534F !important;
  cursor: not-allowed;
}
.ires_na_full .ui-state-default,
.is-datepick .ires_na_full,
.ires_na_full .slotbutton,
.na_full {
  color: #000000 !important;
  background-color: #f9e2e2 !important;
}
.ires_na .ui-state-default,
.is-datepick .ires_na,
.ires_na .slotbutton {
  background-color: #fff !important;
}
.is-datepick .ires_na {
  background-color: transparent !important;
  color: #212121;
  filter: opacity(60%);
  -webkit-filter: opacity(60%);
  cursor: not-allowed;
}
.ires_na_normal .ui-state-default,
.is-datepick .ires_na_normal,
.ires_na_normal .slotbutton,
.normal_na {
  color: #000000 !important;
  background-color: #E8ECBA !important;
}
.ires_na_holiday .ui-state-default,
.is-datepick .ires_na_holiday,
.ires_na_holiday .slotbutton,
.holiday {
  color: #000000 !important;
  background-color: #FAE4E4 !important;
}
.ires_request .ui-state-default,
.is-datepick .ires_request,
.ires_request .slotbutton,
.request {
  color: #000000 !important;
  background-color: #F0AD4E !important;
}
.ires_request .active,
.ires_request .ui-state-default:hover,
.is-datepick .ires_request.dp-highlight,
.is-datepick .ires_request:hover,
.ires_request .slotbutton:hover,
.request:hover {
  color: #000000 !important;
  background-color: #f4cd7d !important;
}
.ires_normal .ui-state-default,
.is-datepick .ires_normal,
.ires_normal .slotbutton,
.normal {
  color: #ffffff !important;
  background-color: #87bb1f !important;
}
.ires_normal .active,
.ires_normal .ui-state-default:hover,
.is-datepick .ires_normal.dp-highlight,
.is-datepick .ires_normal:hover,
.ires_normal .slotbutton:hover,
.normal:hover {
  color: #ffffff !important;
  background-color: #566410 !important;
}
.ires_normal.ires_normal_x .ui-state-default,
.is-datepick .ires_normal_x,
.ires_normal.ires_normal_x .slotbutton,
.partially {
  border-color: #D9534F !important;
  background-color: #87bb1f !important;
}
.ires_normal.ires_normal_x .active,
.ires_normal.ires_normal_x .ui-state-default:hover,
.is-datepick .ires_normal_x.dp-highlight,
.is-datepick .ires_normal_x:hover,
.ires_normal.ires_normal_x .slotbutton:hover,
.partially:hover {
  border-color: #D9534F !important;
  background-color: #566410 !important;
}
.dp-highlight .ui-state-default,
.dp-highlight .ui-state-default:hover,
.ires_x.dp-highlight .ui-state-default:hover {
  color: #ffffff !important;
  background-color: #343809 !important;
}
.ui-datepicker-today .ui-state-highlight,
.datepick-today .ui-state-highlight,
#calendar_container_front .is-datepick .datepick-today {
  border-color: #ff6600 !important;
  background-image: none !important;
}
.calendar_container,
.front_extcalendar_container {
  width: 100% !important;
}
.ui-datepicker-group,
.datepick-month-row {
  width: 50% !important;
  float: left !important;
}
.ui-widget-header {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  background-image: none !important;
  background-color: #e9e9e9 !important;
  border-color: #9d9d9d !important;
}
.is-datepick .datepick-month-header {
  background: none transparent !important;
  border: 0 none !important;
}
.is-datepick .datepick-month-header {
  background-color: #e9e9e9 !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  color: #838383 !important;
}
.calendar_legend {
  width: 100% !important;
}
.pagination {
  text-align: right;
}
div.pagination {
  padding: 3px;
  margin: 3px;
}
div.pagination a {
  border: 0px solid #ccc;
  margin-right: 3px;
  padding: 2px 6px;
  background-position: bottom;
  text-decoration: none;
  font-weight: bold;
  color: #212121;
  border-radius: 0px 0px 0px 0px;
}
div.pagination a:hover,
div.pagination a:active {
  background-image: none;
  background-color: #87bb1f;
  color: #ffffff;
}
div.pagination span.current {
  margin-right: 3px;
  padding: 2px 6px;
  font-weight: bold;
  color: #212121;
}
div.pagination span.disabled {
  display: none;
}
.myIreserve .well .fa-5x {
  color: #b6b6b6;
}
@media screen and (min-width: 1400px) {
  .container-fluid {
    max-width: 1400px;
  }
}
.header_content .navbar {
  min-height: 70px;
}
.header_content .navbar-brand img {
  max-height: 70px;
}
.header_content,
.header_content .navbar-default {
  background-color: #ffffff;
}
.header_content .navbar-default .navbar-nav > li > a {
  color: #999999;
  background-color: transparent;
  line-height: 1;
}
.header_content .navbar-default .navbar-nav > li > a:hover,
.header_content .navbar-default .navbar-nav > li > a:focus,
.header_content .navbar-default .navbar-nav > li.open > a,
.header_content .navbar-default .navbar-nav > li.open > a:link {
  background-color: #d9d9d9;
  color: #ffffff;
}
.header_content .navbar-default .navbar-nav > li.active > a,
.header_content .navbar-default .navbar-nav > li.active > a:link,
.header_content .navbar-default .navbar-nav > li.active > a:hover,
.header_content .navbar-default .navbar-nav > li.active > a:focus {
  background-color: #bfbfbf;
  color: #ffffff;
}
.header_content .navbar-default .navbar-nav .dropdown-menu {
  background-color: #ffffff;
}
.header_content .navbar-default .navbar-nav .dropdown-menu > li > a,
.header_content .navbar-default .navbar-nav .dropdown-menu > li > a:link,
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li > a,
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li > a:link {
  color: #999999;
}
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #d9d9d9;
  color: #ffffff;
}
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li.active > a,
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li.active > a:link,
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li.active > a:hover,
.header_content .navbar-default .navbar-nav .open .dropdown-menu > li.active > a:focus {
  background-color: #bfbfbf;
  color: #ffffff;
}
.header_content .navbar-default .navbar-toggle {
  height: 70px;
  color: #999999;
}
.header_content .navbar-default .navbar-toggle:hover,
.header_content .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.header_content .navbar-default .navbar-toggle .icon-bar {
  background-color: #d9d9d9;
  height: 5px;
  width: 30px;
}
.header_content .navbar-default .navbar-toggle:hover .icon-bar,
.header_content .navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #bfbfbf;
}
.modal-content .modal-header {
  border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  background-color: #b6b6b6;
  border-color: #b6b6b6;
  color: #ffffff;
}
.modal-content .modal-header .close {
  color: #ffffff;
}
.modal-content .modal-footer {
  border-radius: 0 0 0px 0px;
  -moz-border-radius: 0 0 0px 0px;
  -webkit-border-radius: 0 0 0px 0px;
}
.bootstrapfront .page-header {
  border-color: #f4f4f4;
}
.bootstrapfront .nav-tabs.single-tab li .nav-link,
.bootstrapfront .nav-tabs.nav-justified li .nav-link {
  color: #87bb1f;
}
.bootstrapfront .nav-tabs.single-tab li .nav-link:hover,
.bootstrapfront .nav-tabs.nav-justified li .nav-link:hover {
  color: #79a81b;
}
.bootstrapfront .nav-tabs.nav-justified .nav-link.active,
.bootstrapfront .nav-tabs.nav-justified .nav-link.active:hover,
.bootstrapfront .nav-tabs.nav-justified .nav-link.active:focus,
.bootstrapfront .nav-tabs.single-tab .nav-link.active,
.bootstrapfront .nav-tabs.single-tab .nav-link.active:hover,
.bootstrapfront .nav-tabs.single-tab .nav-link.active:focus {
  color: #212121;
}
@media (min-width: 768px) {
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link.active,
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link.active:hover,
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link.active:focus {
    border-bottom-color: transparent;
  }
}
@media (max-width: 767px) {
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link {
    border-radius: var(--bs-nav-tabs-border-radius);
    border-color: var(--bs-nav-tabs-border-color);
    color: #87bb1f;
  }
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link:hover,
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link:focus {
    border-color: #87bb1f;
    color: #87bb1f;
  }
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link.active,
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link.active:hover,
  .bootstrapfront .nav-tabs.nav-justified .nav-item .nav-link.active:focus {
    border-color: #79a81b;
    color: #79a81b;
  }
}
.bookingDetailContent .tab-content #no-more-tables table.moduletable th,
.invoiceDetailContent .tab-content #no-more-tables table.moduletable th,
#payment_container .tab-content #no-more-tables table.moduletable th {
  color: #212121;
}
#payment_container .tab-content {
  font-size: 12px;
}
#no-more-tables .table-striped.options_change .ext_long_memo .fa,
.bookingDetailContent .tab-content #booking_option_container .ext_long_memo .fa {
  color: #87bb1f;
}
#no-more-tables .table-striped.options_change .ext_long_memo .fa:hover,
#no-more-tables .table-striped.options_change .ext_long_memo .fa:focus,
.bookingDetailContent .tab-content #booking_option_container .ext_long_memo .fa:hover,
.bookingDetailContent .tab-content #booking_option_container .ext_long_memo .fa:focus {
  color: #79a81b;
}
.header_content .languageDropdown {
  display: inline-block;
}
.footerLangFlags {
  display: flex;
}
/***** DEMO-VERGADERZALEN COLORS *****
GREY BASIC COLOR: #d6d6d6 (colorsettings mod=configfrontcss)
SOFT GREY COLOR: #f9f9f9 (footer / price tabel odd row)
EVENT ICON IMAGE COLOR: #8fc3dd (go to flaticom.com, find a icon image, click to open, select png, select custom color, #8fc3dd, select size (click on 128px) and click on free downlaod, add image to event, done!)

BLUE MAINCOLOR (Tints & Shades of http://www.color-hex.com/color/68aed1)
Used colors
Hex 	    RGB             Used for (not all color setting are mentioned here! Just an indication...)               
#68aed1     (104,174,209)   mainmenu active item color / mod-header background color /.subhead / event border-color (mod=roster) / .dhx_scale_hour color / .label-themecolor
#e0eef5    	(224,238,245)   odd grid row / table hover row /
#c2deec     (194,222,236)   .dhx_scale_holder_now (day + week mod=roster)
#d1e6f1     (209,230,241)   border-color inside dhx_cal_header and inside .dhx_cal_data / .alert-info border-color
#a4cee3     (164,206,227)   .dhx_scale_holder_now (month mod=roster)
#eff6fa     (243,249,251)   even searchresults row (mod=search) / .alert-info bg color
#5d9cbc     (93,156,188)   .alert-info color / BS Tour Buttons: popup navigation buttons -> focus state + border color primary button & hover/focus state start-button footer

GREEN ACCENTCOLOR (=triadic color of the maincolor)
(Tints & Shades of http://www.color-hex.com/color/87bb1f)
Used colors
Hex 	    RGB             Used for            
#87bb1f 	(135,187,31)    bg color buttons / .btn-link color (hover/focus) / link color / selected event border-color (mod=roster)
#6c9518 	(108,149,24)    bg color buttons (hover/focus)
#e7f1d2     (231,241,210)   selected grid row
#dbeabb     (219,234,187)   selected grid cell (mod=searchevents)
#79a81b     (121,168,27)   	link color (hover/focus)

RED (full event): #e60000 (custom color for event title + border if inline style contains #ff0000 - mod=roster)

*******************************/

/*** START IRES CORE OVERRIDES ***/
    /* no padding right for .main-wrapper */
    /* (we show the detail blocks below the main-wrapper, so the main-wrapper can use the full width) */
    .tundra.bootstrapfront .main-wrapper {
        padding-right:0;
        }
        
    /* no 100% width (.btn-block) for buttons inside detailblocks */
    .bootstrapfront .detail-wrapper #showbookingconfdiv .btn-block {
        display: inline-block;
        width: auto;
    }
        
    /* auto width .module + #confirm_container */
    .tundra.bootstrapfront .module {
        width: auto!important;
        }
        /* fullwidth for modules inside detail-container of the detail-wrapper (f.. mod=calendar + mod=roster) */
        /* only for XS devices less then 480px */
        @media (max-width:479px) {
            .tundra.bootstrapfront .detail-wrapper .detail-container .module {
                width:calc(100% - 10px)!important;
                }
        }
	.tundra.bootstrapfront .bt_maincontent #confirm_container {
        width:100%;
		
        }		
        .filter_panel_container .detail-wrapper div[style*="float:left"] {
            width:100%;
            }
    
    /* no padding top #dashboard */
    .bootstrapfront #dashboard {
        padding-top:0!important;
        }
            
    /* correction vertical-alignment form fields (fixed in IRES-8714) */
    .bootstrapfront #dashboard #showbookingconfdiv .formtable th, 
    .bootstrapfront #dashboard #showbookingconfdiv .formtable td,
    .bootstrapfront #dashboard #confirm_container .formtable th,
    .bootstrapfront #dashboard #confirm_container .formtable td,
    .bootstrapfront #dashboard #confirm_container .formtable td.spacer,
    .bootstrapfront #dashboard #login_container .formtable th,
    .bootstrapfront #dashboard #login_container .formtable td,
    .bootstrapfront #dashboard #login_container .formtable td.spacer,
    .bootstrapfront #dashboard #profile_container .formtable th,
    .bootstrapfront #dashboard #profile_container .formtable td,
    .bootstrapfront #dashboard #profile_container .formtable td.spacer,
    .bootstrapfront #profile_container .formtable th,
    .bootstrapfront #profile_container .formtable td,
    .bootstrapfront #profile_container .formtable td.spacer,
    .bootstrapfront .block-field th, 
    .bootstrapfront .block-field td,
    .bootstrapfront .block-field td.spacer {
        vertical-align: middle;
        }
    
    /* table row hover in theme color, not for mobile devices */
    .desktop .bootstrapfront table.no_border tr:hover,
    .desktop .bootstrapfront table.options_change tr:hover,
    .desktop .tundra.frontend.bootstrapfront #new_booking .table-row:hover {
        background-color:#e0eef5;
        }
        .tablet .bootstrapfront table.no_border tr:hover,
        .tablet .bootstrapfront table.options_change tr:hover,
        .tablet .tundra.frontend.bootstrapfront #new_booking .table-row:hover,
		.mobile .bootstrapfront table.no_border tr:hover,
        .mobile .bootstrapfront table.options_change tr:hover,
        .mobile .tundra.frontend.bootstrapfront #new_booking .table-row:hover {
            background-color:transparent;
            }
            
    /* no hover if class: no_hover */ 
    .bootstrapfront tr.no_hover:hover,
    .bootstrapfront .moduletable tr.no_hover:hover {
        background-color:transparent!important;
        }
        
    /* subheaders inside modules */
    .bootstrapfront .subhead {
        color:#68aed1!important;
        }
        
    /* bootstrap btn-link adjustments */
    .tundra.bootstrapfront .btn-link {
        color:#999999;
        padding-left:0;
        }
        .tundra.bootstrapfront .btn-link:hover,
        .tundra.bootstrapfront .btn-link:focus {
            color:#87bb1f;
        }
        
    /* don't underline and/or outline links */
    .bootstrapfront a:hover,
    .bootstrapfront a:focus {
        text-decoration:none!important;
        outline:none!important;
        }
        
    /* detail block: hide .block-field.show_places */
    #addbooking_form .block-field.show_places {
        visibility:hidden;
        }
        #addbooking_form .block-field.show_places th,
        #addbooking_form .block-field.show_places td,
        #addbooking_form .block-field.show_places td.spacer,
        #addbooking_form .block-field.show_places td.block-field-field {
            padding:0;
            line-height:0;
            height:0;
            }
            #addbooking_form .block-field.show_places td.block-field-field .select2-choice {
                line-height:0;
                height:0;
                border-width:0;
                }
        
    /* TODO JV --- Fixed in jira IRES-XXXX */
    /*---------------------------------------------------------------------------------------------------
    Temp correction for the eventdetail page (also applicable to the object detailpage): 
    The template file 'ires \ templates \ default \ event \ modFrontViewevent \ index.tpl' begins with a 
    div.container-fluid and the classes .main-wrapper and .detail-wrapper are combined with the BS Classes 
    col-sm-8 and col-sm-4. 
    This causes incorrect responsive code and a incorrect layout AND is not in line with the other pages 
    where we use a main-wrapper along with a detail-wrapper. 
    Additionally, the added BS col-sm classes ensure that the user- frontconfig-setting according the position of the 
    detail-wrapper does not work here!
    
    The temp correction settings below are based on our configfront setting 'position detail-wrapper 
    below the main-wrapper'. Also a margin-bottom is added for a nice spacing between the main- and 
    detail-wrapper.
    ----------------------------------------------------------------------------------------------------*/
    .bootstrapfront #dashboard .container-fluid .container-fluid {
        width: 100%;
        padding: 0;
        margin:0;
        }
        .bootstrapfront #dashboard .container-fluid .container-fluid .col-sm-8.main-wrapper {
            width:100%;
            padding-left:15px;
            padding-right:15px;
            margin-bottom:30px;
            }
        .bootstrapfront #dashboard .container-fluid .container-fluid .col-sm-4.detail-wrapper {
            width:100%;
            padding-left:15px;
            padding-right:15px;
            }
    
    /* TODO JV --- Fixed in jira IRES-XXXX */
    /* Correction alignment in Block Options */
    .options_change td.ext_options .input-append.input-group {
        padding-top:10px;
        }
        .options_change td.ext_options .input-append.input-group input {
            margin-top:-10px;
            }
    
/*** END IRES CORE OVERRIDES ***/

/* body bg color is same color as footer bg color + padding of 70px for the fixed nav-bar */
body.tundra.frontend.bootstrapfront {
    background-color:#f9f9f9!important;
    padding-top:70px;
    }
    /* noScroll class is added only on the searchpage if the filterblock is showed */
    body.noScroll {
        position:fixed;
        overflow:hidden;
        }
	a:hover,
	a:focus {
		color:#79a81b!important;
		}
	a.btn-primary:hover,
	a.btn-primary:focus,
	a.btn-danger:hover,
	a.btn-danger:focus {
	    color:#fff!important;
	    }
                
/*** HEADER ***/
.bootstrapfront .header_content .navbar-brand {
    padding: 5px 0!important;
    height:70px;
    }
.bootstrapfront .header_content .navbar-default {
    border-color:#eee;
    border-bottom-width:1px;
    }
    .bootstrapfront .header_content .navbar-default .navbar-nav li a:hover,
    .bootstrapfront .header_content .navbar-default .navbar-nav li a:focus,
    .bootstrapfront .header_content .navbar-default .navbar-nav li.open a {
        background-color:#ffffff;
        color:#555!important;
        }
    .bootstrapfront .header_content .navbar-default .navbar-nav li.active a, 
    .bootstrapfront .header_content .navbar-default .navbar-nav li.active a:hover,
    .bootstrapfront .header_content .navbar-default .navbar-nav li.active a:focus {
        background-color:#ffffff;
        color:#68aed1!important;
        }
        
    /* smaller padding l/r for SM devices */
	@media screen and (min-width:768px) and (max-width:991px) {
		.bootstrapfront .header_content .navbar-default .navbar-nav li a {
			padding-left:10px;
			padding-right:10px;
			}
	}

/*** BREADCRUMB ***/
#dashboard .breadcrumb {
    background-color:transparent;
    padding-left:0;
    font-size:90%;
    }
    #dashboard .breadcrumb li,
    #dashboard .breadcrumb li a {
        color:#777;
        }
        #dashboard .breadcrumb li a:hover,
        #dashboard .breadcrumb li a:focus {
            color:#60cc00;
            }
        #dashboard .breadcrumb li.active {
            color:#999;
            }
            
/*** FOOTER ***/
.modal-footer {
    background-color:#f9f9f9!important;
    }
    .modal-footer .copyright,
    .modal-footer .copyright a {
        color:#838383!important;
        }
        .modal-footer .copyright a:hover,
        .modal-footer .copyright a:focus {
            color:#686868!important;
            }
            
/*** GENERIC USED CLASSES ***/
.blue { color:#68aed1; }
.label-themecolor { background-color:#68aed1; }
.marginTop40 { margin-top:40px; }
.marginTop30 { margin-top:30px; }
.btn-disabled { cursor:not-allowed!important; }


/*** BS OVERRIDES (color) ***/
.bootstrapfront .alert-info {
    background-color:#eff6fa;
    border-color:#d1e6f1;
    color:#5d9cbc;
    }
.bootstrapfront .alert-warning {
    background-color: #fae6c9;
    border-color: #f7d6a6;
    color: #eea236;
    }
.bootstrapfront .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    }
    .bootstrapfront .btn-warning:hover,
    .bootstrapfront .btn-warning:focus {
        color: #fff;
        background-color: #eea236;
        border-color: #eea236;
        }
.bootstrapfront .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
    }
    .bootstrapfront .btn-danger:hover,
    .bootstrapfront .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #c9302c;
        }

/*** HOMEPAGE ***/
.homepageVergaderzalen {
    min-height:30vh;
    overflow:hidden;
}
.homepageVergaderzalen h1 {
    margin-bottom:30px;
    }
.homepageVergaderzalen p {
    float: none;
    margin: auto;
    }
    @media screen and (max-width:1399px) {
        .homepageVergaderzalen p {
            max-width: 90%;
            }
    }
    .btn-Round {
        padding: 0 !important;
        border-radius: 50% !important;
        height: 150px;
        width: 150px;
        line-height: 150px !important;
        background-color: #68aed1 !important;
        border-color: #68aed1 !important;
        color: #fff !important;
        }
        .btn-Round:hover,
        .btn-Round:focus {
            background-color: #87bb1f !important;
            border-color: #87bb1f !important;
            color: #fff !important;
            }
    .homepageVergaderzalen p.LinkToiResDemo {
        margin-top:20px;
        }
@media (min-width:768px) and (max-width:991px) {
    .homepageVergaderzalen {
        min-height:50vh;
            }
            .homepageVergaderzalen h1 {
                font-size:28px;
                }
            .homepageVergaderzalen p.lead {
                font-size:18px;
                }
}

.anchor {
    display: block;
    height: 71px;
    margin-top: -71px;
    visibility: hidden;
}

.demoMore {
    margin-top:50px;
    margin-bottom:30px;
    }
.demoMore .well {
	border: 0 none;
	padding: 0 5px;
	margin-bottom:0;
	width: 20%;
    display: inline-block;
	}
	.demoMore .well a {
		display:block;
		margin: 5px;
        padding: 15px;
        -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        color:#999;
        background-color:transparent;
		}
		.demoMore .well a h3 {
		    font-size: 16px;
            margin-top: 8px;
            margin-bottom: 0;
    		}
		/* hover (no focus) desktop only! */
		.mobile .demoMore .well a:hover,
		.mobile .demoMore .well a:focus,
		.tablet .demoMore .well a:hover,
		.tablet .demoMore .well a:focus,
		.desktop .demoMore .well a:focus {
		    color:#999!important;
		    background-color:transparent;
		    }
	    .desktop .demoMore .well a:hover {
	        color:#777!important;
	        background-color:#f9f9f9;
	        }
    /* device settings */
    @media (max-width:991px) {
        .demoMore .well {
            width:25%;
            }
            .demoMore .well a h3 {
                font-size:15px;
                margin-top:7.5px;
                }
    }
    @media (max-width:767px) {
        .demoMore .well {
            display:block;
            width:100%;
            max-width:300px;
            margin-left:auto;
            margin-right:auto;
            margin-bottom:20px;
            }
            .demoMore .well a h3 {
                }
    }

@media (max-width:400px) {
    .homepageVergaderzalen {
        min-height:10vh;
            }
            .homepageVergaderzalen h1 {
                font-size:28px;
                }
}

.homepageVergaderzalen .vergaderHomeFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
    .homepageVergaderzalen .vergaderHomeFlexChild {
        flex: 0 1 auto;
        width: 350px;
        max-width: 100%;
        box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        padding: 15px;
        margin: 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        }
        .homepageVergaderzalen .vergaderHomeFlexChild p.lead,
        .homepageVergaderzalen .vergaderHomeFlexChild p {
            margin:10px auto;
            }
        .homepageVergaderzalen .vergaderHomeFlexChild p.small {
            margin:20px auto 0;
            }
        .homepageVergaderzalen .vergaderHomeFlexChild .flexBtnContainer {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: auto;
            }
            .homepageVergaderzalen .vergaderHomeFlexChild .flexBtnContainer .flexBtn {
                flex:0 1 auto; 
                padding: 10px;
            }   

/*** START CARD THEME STYLING combined with flat design for .gridbox and .roster_container ***/
/*-----------------------------------------------------------------
The Card Style shows all modules as a card (with a box-shadow etc). 
But the main item on the page (f.e. the sheduler iteself on the mod=roster OR
the searchgrid on the mod=searchevents) will displayed with a flat design.
Result: all details will be cards, all main will be flat.

The #confirm_container is treated as a module!
------------------------------------------------------------------*/
    .bootstrapfront #dashboard .module,
	.bootstrapfront #confirm_container {
        margin:5px 5px 35px;
        padding:5px;
        -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        }
        .bootstrapfront .mod-header {
            /*background-color:#1f87bb;
            border-bottom: 1px solid #1f87bb;*/
            background-color:#68aed1;
            border-bottom: 1px solid #68aed1;
            }
        
	/* no module-card styling for .module inside #confirm_container + inside .tab-content */
	.bootstrapfront #dashboard #confirm_container .module,
	.bootstrapfront #dashboard .tab-content .module {
		margin: 0;
		border: none 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		width: 100% !important;
		}
		/* no padding! */
		.bootstrapfront #dashboard .tab-content .module {
    		padding:0;    
    		}
/*** END CARD THEME STYLING ***/

/*** START FLATTEN DESIGN MOD=INDEX including some color overrides ***/
.index {
	padding-top:30px;
	}
	.well.vergaderzalenOverzicht {
		border: 0 none;
		padding: 0 5px;
		margin-bottom:0;
		}
		.well.vergaderzalenOverzicht a {
			display:block;
			margin: 5px 5px 40px;
            padding: 15px;
            -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
            box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
			}
    		.well.vergaderzalenOverzicht a .productImage {
    		    -webkit-filter: grayscale(60%);
                filter: grayscale(60%);
    		    }
    		    /* hover (not on mobilew devices!) */
    		    .desktop .well.vergaderzalenOverzicht a:hover .productImage,
    		    .desktop .well.vergaderzalenOverzicht a:focus .productImage {
        		    -webkit-filter:none;
                    filter:none;
        		    }
    	    .well.vergaderzalenOverzicht a h2 {
    	        font-weight: bold;
    			font-size: 28px;
                color:#68aed1;
    			}
    		.well.vergaderzalenOverzicht a .content {
    			margin-bottom: 0;
    			min-height: 108.4px;
    			padding: 0 0 15px;
    			color:#333333!important;
    			}
    			@media (min-width:992px) and (max-width:1199px) {
    				.well.vergaderzalenOverzicht a .content {
    					min-height:128px;
    					}
    			}
    			.well.vergaderzalenOverzicht a .content h4 {
    			    font-weight: bold;
        			font-size: 16px;
                    color:#68aed1;
                    margin-top:15px;
                    margin-bottom:5px;
        			}
    			.row.zaalOpstellingen {
    			    margin-left:-5px;
    			    margin-right:-5px;
    			    }
    			    .row.zaalOpstellingen .zaalOpstelling {
    			        padding-left:5px;
    			        padding-right:5px;
    			        margin-bottom:10px;
    			        width: auto;
    			        }
    			        .row.zaalOpstellingen .zaalOpstelling .img-responsive {
    			            -webkit-filter: grayscale(100%);
                            filter: grayscale(100%);
    			            }
    		.well.vergaderzalenOverzicht a .btn {
    			/*margin-left: -25px;*/
       /*         margin-right: -25px;*/
                width: 100%;
    			-webkit-transition: .2s;
    			transition: .2s;
    			}
    			/* hover (not on mobilew devices!) */
    			.desktop .well.vergaderzalenOverzicht a:hover .btn,
    			.desktop .well.vergaderzalenOverzicht a:focus .btn {
    				margin-left:0;
    				margin-right:0;
    				width:100%;
    				background-color:#6c9518;
    				border-color:#6c9518;
    				}
    		/* XS Devices only! */
    		@media (max-width:767px) {
    			.well.vergaderzalenOverzicht a {
    				max-width:400px;
    				margin-left:auto;
    				margin-right:auto;
    				}
    			.well.vergaderzalenOverzicht a h2,
    			.well.vergaderzalenOverzicht a .content {
    				min-height:1em;
    				}
    		}
/*** END MOD=INDEX ***/

/*** START FLATTEN DESIGN MOD=CALENDAR including some color overrides ***/
.bootstrapfront #dashboard .calendar_container .module {
    width:100%!important;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    }
    .calendar_container .module .mod-header {
        display:none;
        }
    .calendar_container .module .mod-content .mod-intro {
        margin: 5px 5px 35px;
        padding: 15px;
        -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
        }
        @media (max-width:767px) {
            .calendar_container .module .mod-content .mod-intro {
                max-width:400px;
                }
        }
        .calendar_container .module .mod-content .mod-intro h2 {
            margin-top:0;
            margin-bottom:5px;
            font-size: 20px;
            color:#68aed1;
            }
        .calendar_container .module .mod-content .mod-intro h4 {
            margin-top:4px;
            margin-bottom:5px;
            font-size: 16px;
            color:#68aed1;
            }
        .calendar_container .module .mod-content .mod-intro ul {
            margin-bottom:0;
            }
        .calendar_container .module .mod-content .mod-intro .row.zaalOpstellingen .zaalOpstelling {
            margin-top:3px;
            margin-bottom:0;
            }
        @media (min-width:768px) and (max-width:991px) {
            .calendar_container .module .mod-content .mod-intro h2 {
                font-size:18px;
                }
            .calendar_container .module .mod-content .mod-intro h4 {
                font-size:15px;
                margin-top:2px;
                }
        }
        @media (max-width:767px) {
            .calendar_container .module .mod-content .mod-intro h4 {
                margin-top:15px;
                }
        }
    /* calendar overrides V5 ready */    
    #calendar_container_front .mod-content .is-datepick .datepick-month-header {
		background-color:#F0F0F0!important;
		}
	/* calendar colors */
    #calendar_container_front .is-datepick .ires_normal, 
    #calendar_container_front .normal {
    	color: #333 !important;
    	background-color:#87bb1f!important;
    	border-color:#87bb1f!important;
    	}
    	#calendar_container_front .is-datepick .ires_normal.dp-highlight,
    	#calendar_container_front .is-datepick .ires_normal:hover, 
    	#calendar_container_front .normal:hover {
    		color: #ffffff !important;
    		background-color:#6c9518!important;
    		border-color:#6c9518!important;
    		}
    #calendar_container_front .is-datepick .ires_request, 
    #calendar_container_front .request {
    	color: #333 !important;
    	background-color:#f0ad4e!important;
    	border-color:#f0ad4e!important;
    	}
    	#calendar_container_front .is-datepick .ires_request.dp-highlight,
    	#calendar_container_front .is-datepick .ires_request:hover, 
    	#calendar_container_front .request:hover {
    		color: #ffffff !important;
    		background-color:#eea236!important;
    		border-color:#eea236!important;
    		}
    #calendar_container_front .is-datepick .ires_full,
    #calendar_container_front .full {
    	color: #333 !important;
    	background-color:#d9534f!important;
    	border-color:#d9534f!important;
    	cursor: not-allowed !important;
    	}
    	#calendar_container_front .is-datepick .ires_full.dp-highlight,,
    	#calendar_container_front .is-datepick .ires_full:hover, 
    	#calendar_container_front .full:hover {
    		color: #ffffff !important;
    		background-color:#c9302c!important;
    		border-color:#c9302c!important;
    		}
    #calendar_container_front .is-datepick .ires_na,
    #calendar_container_front .is-datepick .ires_na:hover {
    	background-color: #fff !important;
    	color: #999 !important;
    	}
    .bootstrapfront #calendar_container_front .is-datepick .datepick-today {
    	font-weight:bold!important;
    	border-color:#ff6600!important;
    	}
		
    .bootstrapfront #dashboard #calendar_container_front .module.calendar_legend {
        margin-bottom:40px;
        width:auto!important;
        }
        #calendar_container_front .module.calendar_legend .mod-header {
            display: block;
            background-color: #F0F0F0;
            border-color: #F0F0F0;
            }
            #calendar_container_front .module.calendar_legend .mod-header h3 {
                color:#999;
                font-weight:bold;
                }
        #calendar_container_front table.moduletable tbody tr:hover {
            background-color:transparent!important;
            }
/*** END MOD=CALENDAR ***/

/*** START MOD=SEARCH ***/
/* search FILTERBLOCK slide in (including overlay - onclick inside overlay will close filterblock), see also body.noScroll setting above! */
.searchFilterWrapper {
    position: fixed;
    right: -100%;
    top:70px;
    padding:0;
    z-index: 998;
    width:0;
    height:calc(100% - 70px);
    background-color:rgba(0,0,0,0);
    opacity:0;
    transition: opacity ease-in-out 0.9s;
    -webkit-transition: opacity ease-in-out 0.9s;
    }
    .searchFilterWrapper.show {
        width:100%;
        right:0;
        background-color:rgba(0,0,0,0.5);
        opacity:1;
        }
        .searchFilterWrapper .searchOverlay {
            height:100%;
            width:100%;
            }
.searchFilters {
    position: fixed;
    right: -100%;
    top:70px;
    background-color:#fff;
    /*padding:15px 15px 50px;*/
    padding:15px;
    -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
    box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
    z-index: 999;
    width:0;
    height:calc(100% - 70px);
    transition: all ease-in-out 1.0s;
    -webkit-transition: all ease-in-out 1.0s;
    overflow:hidden;
    }
    .searchFilters.show {
        width:100%;
        right:0;
        }
    @media (min-width:768px) {
        .searchFilters.show {
            width:70%;
            }
    }
     @media (min-width:992px) {
        .searchFilters.show {
            width:65%;
            }
    }
     @media (min-width:1200px) {
        .searchFilters.show {
            width:40%;
            }
    }
        .searchFilters .filterBlockHeader {
            background-color:#eee;
            margin:-15px -15px 0;
            padding:15px;
            cursor:pointer;
            }
            .searchFilters .filterBlockHeader h2 {
                color:#666;
                margin:0;
                }
                .searchFilters .filterBlockHeader .fa {
                    color:#ccc;
                    }
                    /* hover/focus (not for mobile devices) */
                    .desktop .searchFilters .filterBlockHeader:hover .fa,
                    .desktop .searchFilters .filterBlockHeader:focus .fa {
                        color:#666;
                        }
            .searchFilters .filterBlockContent {
                padding-top:40px;
                height: calc(100% - 140px);
                overflow-y: auto;
                overflow-x: hidden;
                }
                .searchFilters .filterBlockContent .checkbox input[type="checkbox"] {
                    margin-top:3.5px;
                    }
            .searchFilters .filterBlockButton {
                padding:0 20px;
                }
                /* reset filter button inside filterblock */
                .searchFilters .filterBlockButton .btn-link,
                .searchFilters .filterBlockButton .btn-link:hover,
                .searchFilters .filterBlockButton .btn-link:focus {
                    color:#D9534F;
                    padding-right:0;
                    }
                    /* hover desktop-only */
                    .searchFilters .filterBlockButton .btn-link:hover {
                        font-weight:bold;
                        }
/* FILTERBAR BUTTONS (XS-only) */
.xsFilterBar {
    margin-bottom:25px;
    } 
    .xsFilterBar .btn-link,
    .xsFilterBar .btn-link:hover,
    .xsFilterBar .btn-link:focus {
        color:#D9534F!important;
        padding-right:0;
        }

.searchcriteria .well {
    -webkit-box-shadow: none;
	box-shadow: none;
	background-color: #f9f9f9;
	border-radius:0;
	-webkit-border-radius:0;
	border:0 none;
	padding:10px;
	margin-bottom:20px;
	}
	.searchcriteria .well h3.blue {
	    font-size:24px;
	    line-height:1em;
	    margin-top:0;
	    color:#68aed1;
	    }
    .searchcriteria .well .form-group {
        margin-top:5px;
        margin-bottom:5px;
        }
        .searchcriteria .well .form-group .form-control {
            /*height:30px;*/
            /*line-height:30px;*/
            }
    /* different styling for well inside filterblock */
	.filterBlockContent.searchcriteria .well {
    	padding:10px;
    	margin-bottom:20px;
    	}
    	.filterBlockContent.searchcriteria .well h3.blue {
	        font-size:20px;
	        color:#999;
    	    }
/* icon Open FilterBlock */
.showFilterBlockIcon {
    font-size: 32px;
    position: fixed;
    right: 0;
    bottom:0;
    margin: 2%;
    z-index: 990;
    background-color: rgba(182,182,182,0.4);
    color:rgba(255,255,255,0.85);
    padding:10px;
    cursor:pointer;
    border-radius:3px 0 0 3px;
    opacity:1.0;
    -webkit-border-radius: 3px;
    transition: opacity ease-in-out 0.5s;
    -webkit-transition: opacity ease-in-out 0.5s;
    }
    /* different position on portrait XS Devices */
    @media (max-width:420px) {
        .showFilterBlockIcon {
            /*top:75%;*/
            }
    }
    /* hover (no hover on mobile devices!) */
    .showFilterBlockIcon:hover,
    .showFilterBlockIcon:focus {
        background-color: rgba(182,182,182,0.4)!important;
        color:rgba(255,255,255,0.85)!important;
        }
    .desktop .showFilterBlockIcon:hover {
        background-color: rgba(182,182,182,1.0)!important;
        color:rgba(255,255,255,1.0)!important;
        }
    /* hide icon if filterBlock is showed (on-click) */
    .noScroll .showFilterBlockIcon {
        opacity:0;
        }
/* Search Form Fields adjustments */
/* set placeholder color (used for date field) */
.searchcriteria .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#555;
    }
.searchcriteria .form-control::-moz-placeholder { /* Firefox 19+ */
  color:#555;
    }
.searchcriteria .form-control:-ms-input-placeholder { /* IE 10+ */
  color:#555;
    }
.searchcriteria .form-control:-moz-placeholder { /* Firefox 18- */
  color:#555;
    }
/* set option disabled color (used for time fields) */
.searchcriteria .form-control option:disabled {
    color:#ccc!important;
    }
    
/*  Custom Styling Checkboxes for Modules */
/*  refer to: www.templatemonster.com/blog/style-checkboxes-radio-buttons-css/ */
.modules input[type="checkbox"]{
    display: none;
    }
.modules {
    margin: 5px 10px 5px 0!important;
    display:inline-block;
    }
    .modules:last-child {
        margin-right:0!important;
    }
    .modules label {
        position: relative;
        padding:5px 10px!important;
        color:#fff!important;
        border:1px solid #b6b6b6!important;
        background-color:#b6b6b6!important;
        font-weight:bold!important;
        }
        /* hover/focus (NOT for mobile devices!) */
        .desktop .modules label:hover,
        .desktop .modules label:focus {
            color:#fff!important;
            border:1px solid #999!important;
            background-color:#999!important;
            }
    /* custom settings for the imagebased labels (Opstelling) */
    .modules label.imgButton {
        padding:2px!important;
        }
        .modules label.imgButton .img-responsive {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            }
        @media (min-width:768px) and (max-width:991px) {
            .modules label.imgButton .img-responsive {
                max-width:66px;
                }
        }
            
    /* checked */
    .tundra.frontend.bootstrapfront input[type="checkbox"]:checked + label.modButton {
        border: 1px solid #87bb1f!important;
		background: #87bb1f!important;
		color: #ffffff!important;
        }
/* btnShowFilters (SM, MD, LG only!) */
.btnShowFilters {
    color:#fff!important;
    border:1px solid #b6b6b6!important;
    background-color:#b6b6b6!important;
    font-weight:bold!important;
    margin-bottom:3px!important;
    padding:5px 10px;
    }
    /* hover/focus (NOT for mobile devices!) */
    .desktop .btnShowFilters:hover,
    .desktop .btnShowFilters:focus {
        color:#fff!important;
        border:1px solid #999!important;
        background-color:#999!important;
        }
    
/* SEARCH RESULTS */
/* styling well blocks: see styling settings above (mod=index) */
.searchHeader {
	margin-top:30px;
	}
.searchResults {
    margin-bottom:35px;
    }
    /* disable result link if full */
    .searchResults a.disabledLink {
        cursor:not-allowed;
        }
/*** END MOD=SEARCH ***/

/*** START MOD=OBJECTS (vergaderzaal-detail) ***/
/*-------------------------------------------------- 
We include here the calender with according contentblock, 
so the main styling is set above (section mod=calendar).
--------------------------------------------------*/
.detailPage {
    margin-top:-30px;
}
.calendarBooking {
    overflow:hidden
    }


/*** END MOD=VIEWEVENT ***/

/*** START BOOKING OPTIONS BLOCK ***/
/* adjustment priceblock inside options block - XS devices only! */
#changeoptions_frm table.options_change #price_total td .col-sm-6 {
    width:50%;
    float:left;
    }
/* behavior 'no-more-tables' for devices with a viewport less then 480px */
@media (max-width:479px) {
	#changeoptions_frm table.options_change, 
	#changeoptions_frm table.options_change thead, 
	#changeoptions_frm table.options_change tbody, 
	#changeoptions_frm table.options_change th, 
	#changeoptions_frm table.options_change td, 
	#changeoptions_frm table.options_change tr {
		display: block;
		}
		#changeoptions_frm table.options_change thead {
		    display:none;
			}
		#changeoptions_frm table.options_change tr {
			border-bottom:3px solid #ededed;
			border-top:3px solid transparent;
			}
			#changeoptions_frm table.options_change tr.no_hover {
			    border:0 none;
			    }
		    #changeoptions_frm table.options_change #price_total {
			    border-bottom:1px solid #ededed;
			    }
			#changeoptions_frm table.options_change td {
				position: relative;
				padding-left: 40% !important;
				white-space: normal;
				text-align: left;
				border-left: 0 none;
				}
				#changeoptions_frm table.options_change td:first-child {
					border-top:0 none;
					}
				#changeoptions_frm table.options_change td:before {
					position: absolute;
					/*top: 8px;*/
					left: 8px;
					width: 35%;
					padding-right: 10px;
					white-space: nowrap;
					text-align: left;
					font-weight: bold;
					}
					#changeoptions_frm table.options_change td:first-child:before {
						content:'Optie';
						}
					#changeoptions_frm table.options_change td:nth-child(2):before {
						content:'Prijs';
						}
					#changeoptions_frm table.options_change td:nth-child(3):before {
						content:'Opmerking';
						}
				/* exceptions for price, button and empty (no_hover) rows */
				#changeoptions_frm table.options_change #price_total td,
				#changeoptions_frm table.options_change tr.no_hover td {
    				position: relative;
    				padding-left: 8px!important;
    				white-space: normal;
    				text-align: left;
    				}
				    #changeoptions_frm table.options_change tr.no_hover:last-child td {
    				    padding-top:20px;
    				    }
    				    
    				#changeoptions_frm table.options_change #price_total td:before,
    				#changeoptions_frm table.options_change #price_total td:first-child:before,
    				#changeoptions_frm table.options_change tr.no_hover td:before,
    				#changeoptions_frm table.options_change tr.no_hover td:first-child:before {
    					position: absolute;
    					left: 0;
    					width:0;
    					padding-right:0;
    					white-space: nowrap;
    					text-align: left;
    					font-weight: bold;
    					content:'';
    					}
	}
/* no border for priceblock inside option block + different color setting */
#changeoptions_frm table.options_change #price_total #price_div {
    border-top:0 none;
    color:#777;
    }
/*** END BOOKING OPTIONS BLOCK ***/

/* START MOD=CHECKOUT ***/
#confirm_container #addbooking_form {
    
}
/* price table */
.tundra.bootstrapfront .bt_maincontent #no-more-tables td {
    border-color:#ddd;
	}
.tundra.bootstrapfront .bt_maincontent .table-striped tbody tr:nth-child(2n+1) td,
.tundra.bootstrapfront .bt_maincontent .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #f9f9f9;
}
.tundra.bootstrapfront .bt_maincontent .table-striped tbody tr.row_total td {
    background-color:#fff;
	}
/* referentie - anders */
#referencetext {
    margin-top:10px;
    }
/* algemene voorwaarden - checked */
.bootstrapfront #dashboard .icheckbox_flat.checked, 
.bootstrapfront #dashboard .iradio_flat.checked {
    background-color:#68aed1;
    }
/*** END MOD=CHECKOUT ***/

/*** START ALERTS ***/
#new_booking {
    margin-top: 40px;
    }

#custom_alert {
	margin-top: 20px
    }
/*** END ALERTS ***/

/*** START LOGIN ***/
.tundra.bootstrapfront #login_container {
    margin:80px auto;   
    }
    .tundra.bootstrapfront #login_container .page_title {
        background-color: #68aed1;
        border-bottom: 1px solid #68aed1;
        color: #fff;
        line-height: 1.6em;
        padding: 0.2em 0.5em 0 0.5em;
        margin-bottom: 10px;
        margin-top: 0;
        font-size: 14px;
        text-transform: uppercase;
        }
    .tundra.bootstrapfront #login_container .create_new_account {
        display:none;
        }
        
/* forgot login */
.bootstrapfront #forgotlogin_form .edit_User tr.no_hover:hover {
    background-color:transparent;
    }
.bootstrapfront #forgotlogin_form .edit_User tr th,
.bootstrapfront #forgotlogin_form .edit_User tr td {
    vertical-align:top!important;
    }
    .bootstrapfront #forgotlogin_form .edit_User tr #td_message {
        color:#777;
        }
    .bootstrapfront #forgotlogin_form .edit_User tr:nth-child(3) #td_lable,
    .bootstrapfront #forgotlogin_form .edit_User tr:nth-child(3) #td_spacer {
        padding-top:15px;
        }
.bootstrapfront #forgotlogin_form .edit_User tr:first-child td br {
    margin-bottom:10px;
    }
/*** END LOGIN ***/

/*** START MY PROFILE ***/
.bootstrapfront #dashboard .module.userBlockModule {
    width:100%!important;
    margin:0 0 40px;
    }
    @media (min-width:480px) and (max-width:767px) {
      .bootstrapfront #dashboard .module.userBlockModule {
            width:auto!important;
            min-width:60%;
            max-width:100%;
            margin:40px 0;
            }  
    }
    @media (max-width:479px) {
      .bootstrapfront #dashboard .module.userBlockModule {
            width:100%!important;
            margin:40px 0;
            }  
    }
    .userBlockModule #user_container .well {
        padding:20px 7px 0;
        }
        .userBlockModule #user_container .well h2 {
            display:none;
            }
        .userBlockModule #user_container .well .dl-horizontal dt {
            text-align: left!important;
            }
        .userBlockModule #user_container .well .button-row .btn,
        .userBlockModule #user_container .well .button-row .btn:last-child {
            margin-bottom:0;
            }
            @media (max-width:479px) {
                .userBlockModule #user_container .well .dl-horizontal dd img {
                    width:115px;
                    height:115px;
                    }
                .userBlockModule #user_container .well .button-row .btn {
                    width:100%;
                    }
                .userBlockModule #user_container .well .button-row .btn:last-child {
                    margin-top:10px;
                    }
            }
/* only needed if we want to show a googlemap + contactinfo */
.bootstrapfront #dashboard .module.showContactInfo {
    width:100%!important;
    margin:0;
    }
    @media (min-width:480px) and (max-width:767px) {
      .bootstrapfront #dashboard .module.showContactInfo {
            width:auto!important;
            min-width:60%;
            max-width:100%;
            margin:0;
            }  
    }
    @media (max-width:479px) {
      .bootstrapfront #dashboard .module.showContactInfo {
            width:100%!important;
            margin:0;
            }  
    }
.showContactInfo .contactinfo {
  margin-top:20px;
  padding:0 7px 15px;
    }
    .showContactInfo .contactinfo .desc {
        color: #999999;
        font-weight: 300;
        }
    .showContactInfo .contactinfo .spacer {
    	padding: 10px 0;
        }
/*** END MY PROFILE ***/

/*** START MODAL (used on MY PROFILE) ***/
.tundra .modal-content,
.tundra .modal-content .modal-header {
    border-radius:0;
    -webkit-border-radius:0;
    }
    .tundra .modal-content .modal-body .modal-footer,
    .tundra .modal-content .modal-footer {
        background-color:transparent!important;
        }
        .tundra .modal-content .modal-body .modal-footer {
            padding:20px 0 0;
            }
/*** END MODAL ***/

/*** START: MY BOOKINGS ***/
.myProfile {
	margin-top:40px;
	margin-bottom:45px;
	}
	@media (max-width:479px) { /* Phone portrait only */
		.myProfile div[class*="phonePortrait"] {
			width:100%;
			text-align:center;
			}
		.myProfile .thumbnail {
			max-width:145px;
			margin-left:auto;
			margin-right:auto;
			}
	}
/* we use the default styling, except the color of the active tab and uppercase (text-transform) for all tabs */
.bootstrapfront .nav-tabs.nav-justified a,
.bootstrapfront .nav-tabs.single-tab a {
    text-transform: uppercase;
    }
.bootstrapfront .nav-tabs.nav-justified .active a, 
.bootstrapfront .nav-tabs.nav-justified .active a:hover, 
.bootstrapfront .nav-tabs.nav-justified .active a:focus, 
.bootstrapfront .nav-tabs.single-tab .active a, 
.bootstrapfront .nav-tabs.single-tab .active a:hover, 
.bootstrapfront .nav-tabs.single-tab .active a:focus {
    color:#333!important;
    }
    
/* hide the tab 'Extra Info' on the bookingedit */
.bookingDetailContent .nav-tabs.nav-justified li:last-child {
    display:none;
    }
	
.MyBookingTabContent {
	margin-top:0;
	}
	/* editbooking: add padding-top for tabcontent of the tabs Questions and Participants */
	#tabQuestions,
	#tabParticipants {
    	padding-top:10px;
	    }
    /* flatten grid (in tabcontent)*/
    .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox {
        border-width:0;
        margin-top:0;
        }
        .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .xhdr {
            border-bottom: 1px solid #d6d6d6;
            background-color: #f9f9f9;
            }
            .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .xhdr .hdr td {
                background-color: #fff;
                color: #999;
                font-size:10px;
                }
                .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox table.hdr td:hover::after {
                    color:#68aed1;
                    }
                .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox table.hdr td:last-child .hdrcell {
                    border-right: 1px dashed #d6d6d6 !important;
                    }
        .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .objbox {
            border-top:1px solid #d6d6d6;
            border-bottom:1px solid #d6d6d6;
            }
    
    /* odd grid rows */
    .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .odd_dhx_terrace {
        background-color:#f9f9f9;
        }
    /* selected grid row + selected grid cell */
    .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .rowselected,
    .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .rowselected td {
        background-color:#e7f1d2 !important;
        }
        .bootstrapfront #dashboard .gridbox_dhx_terrace.gridbox .rowselected .cellselected {
            background-color:#dbeabb!important;
            }
    /* paging area */
    .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_btn,
    .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_arw,
    .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_btn.dhxtoolbar_btn_dis,
    .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_arw.dhxtoolbar_btn_dis {
        color: #ffffff !important;
        background-color:#d6d6d6;
        border-radius:0!important;
        -webkit-border-radius:0!important;
        }
        .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_btn.dhxtoolbar_btn_over,
        .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_arw.dhxtoolbar_btn_over,
        .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_btn.dhxtoolbar_btn_pres,
        .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_arw.dhxtoolbar_btn_pres {
            background-color:#999;
            }
    .bootstrapfront #dashboard div[id*="pagingArea"] .dhx_toolbar_text:nth-of-type(1) {
    	margin-left:-5px;
    	}	
/* END: MY BOOKINGS */


.mobile .bootstrapfront .select2-drop-mask[style],
.tablet .bootstrapfront .select2-drop-mask[style] {
    display:none!important;
    }
    
/* CUSTOM EDITS: JIMMY */
.ng-SearchController {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.ng-searchcriteria {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
}

.searchresults .row .ng-scope {
    width: 50% !important;
}

@media (min-width: 992px) {
    .ng-SearchController {
        flex-direction: row;
    }
    
    .ng-searchcriteria {
        width: 50%;
        margin-top: 10vh !important;
    }
    
    #object.ng-scope {
    width: 50% !important;
}
}


#object.ng-scope .col-md-4 {
    width: 100% !important;
}

/*** FIXES ISSUES CAUSED BY THE TAILWIND CSS WIDGET ***/
/* field Room Setup - Calendar Confirm */
.bootstrapfront .languageDropdown img,
.bootstrapfront .img-select2 {
    display:initial!important;
}


@media (min-width: 992px) {
    #main-front-content {
        overflow: visible !important;
    }

    #meeting-room-search {
        width: calc(100vw - 48px) !important;
        max-width: none !important;
        margin-left: calc(50% - 50vw + 24px) !important;
        margin-right: 0 !important;
    }

    #meeting-room-search .ng-SearchController {
        display: flex !important;
        flex-direction: row !important;
        gap: 24px !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    #meeting-room-search .ng-searchcriteria,
    #meeting-room-search .ng-searchcriteria.row {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        flex: 0 0 280px !important;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 90px !important;
        align-self: flex-start !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 5;
    }

    #meeting-room-search .searchResults {
        flex: 1 1 auto !important;
        min-width: 0;
        overflow: visible !important;
    }

    #meeting-room-search [data-search-results] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #meeting-room-search [data-search-results] > .searchResult {
        width: auto !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
    }

    #meeting-room-search .searchResult .well.vergaderzalenOverzicht a {
        margin: 0 !important;
    }

    #meeting-room-search .showFilterBlockIcon {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #meeting-room-search .showFilterBlockIcon {
        bottom: 110px !important;
    }
}

@media (min-width: 1500px) {
    #meeting-room-search [data-search-results] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1900px) {
    #meeting-room-search [data-search-results] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

#meeting-room-search .searchFilterWrapper {
    position: fixed !important;
    right: -100% !important;
    top: 70px !important;
    width: 0 !important;
    max-width: 0 !important;
    height: calc(100% - 70px) !important;
    padding: 0 !important;
    z-index: 998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    background-color: rgba(0, 0, 0, 0) !important;
    transition: opacity 0.3s ease !important;
}

#meeting-room-search .searchFilterWrapper.show {
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

#meeting-room-search .searchFilterWrapper .searchOverlay {
    width: 100% !important;
    height: 100% !important;
}

#meeting-room-search .searchFilters {
    display: block !important;
    position: fixed !important;
    right: -100% !important;
    top: 70px !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: calc(100% - 70px) !important;
    padding: 15px !important;
    overflow: hidden !important;
    visibility: hidden !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15) !important;
    box-shadow: 0 0 6px 1px rgba(0,0,0,.15) !important;
    z-index: 999 !important;
    transition: right 0.35s ease, width 0.35s ease, max-width 0.35s ease !important;
}

#meeting-room-search .searchFilters.show {
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    visibility: visible !important;
}

@media (min-width: 768px) {
    #meeting-room-search .searchFilters.show {
        width: 70% !important;
        max-width: 70% !important;
    }
}

@media (min-width: 992px) {
    #meeting-room-search .searchFilters.show {
        width: 65% !important;
        max-width: 65% !important;
    }
}

@media (min-width: 1200px) {
    #meeting-room-search .searchFilters.show {
        width: 40% !important;
        max-width: 40% !important;
    }
}

#meeting-room-search .showFilterBlockIcon {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 2% !important;
    z-index: 990 !important;
    display: block !important;
    background-color: rgba(182,182,182,0.4) !important;
    color: rgba(255,255,255,0.85) !important;
    padding: 10px !important;
    border-radius: 3px !important;
    opacity: 1 !important;
}

#meeting-room-search .searchFilters .filterBlockHeader {
    display: block !important;
    background-color: #eee !important;
    margin: -15px -15px 0 !important;
    padding: 15px !important;
}

#meeting-room-search .searchFilters .filterBlockContent {
    padding-top: 40px !important;
    height: calc(100% - 140px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#meeting-room-search .searchFilters .filterBlockButton {
    padding: 0 20px !important;
}

@media (min-width: 992px) {
    #meeting-room-search .showFilterBlockIcon {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #meeting-room-search .showFilterBlockIcon {
        bottom: 110px !important;
    }
}