.reload-btn {
   width: 15em;
}

/* Sticky footer styles
-------------------------------------------------- */
html, body {
  height: 100%;
  width: 100%;
}
body {
  background-color: transparent;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
.main-wrapper {
  min-height: 100%;
  /* top margin to allow for navbar */
  margin-top: 80px;
  /* bottom margin to offset footer */
  margin-bottom: 60px;
}

.main-footer {
  width: 100%;
  /* fixed height of the footer */
  height: 60px;
}

@supports (-webkit-overflow-scrolling: touch) {
  /*// Prevent Bootstrap 4.x iOS issue where user*/
/*// scrolls the body behind the modal when body height > 100vh*/
body.modal-open {
    position: fixed;
    top:    0;
    right:  0;
    bottom: 0;
    left:   0;
}

.modal {
  will-change: display;
  max-width: 400px;
}

.modal-dialog {
    will-change: transform;
}

.modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/**,*/
/**:before,*/
/**:after {*/
/*  box-sizing: inherit;*/
/*}*/

h1, h2, h3 {
  color: rgb(0, 85, 127);
}

@media only screen and (max-width: 768px) {

  body > .container-fluid {
    padding-right: 5px;
    padding-left: 5px;
  }
  body > main.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
  }
}

body > .container-fluid.content-block {
  padding: 65px 25px 0 25px;
  width: 100%;
}

/* offset by footer*/
body > main > div.container-fluid.content-block {
  margin-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 40px;
}


div .account-content {
    margin-bottom: 50px;
}

.box {
	border: 1px dashed red;
}

.dp-box {
    border: 1px solid black !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.list-group-index {
    background-color: transparent;
    border:none;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: none;
}

.nav-logo {
    max-height: 65px;
}


/* unvisited link */
a:link {
color: rgb(240, 139, 165);
}

/* visited link */
a:visited {
color: rgb(240, 139, 165);
}

/* mouse over link */
a:hover {
color: rgb(0, 85, 127);
}

/* selected link */
a:active {
color: #000;
}


/* for sidebar */

#wrapper {
  padding-left: 160px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -190px;
  margin-top: 10px;
  left: 190px;
  width: 190px;
  background: #F2F2F2;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
  border-right: 1px solid rgb(240, 139, 165);
}

#page-content-wrapper {
  width: 100%;
}

#page-content-wrapper > div {
  padding-top: 0;
  padding-right: 0;
}

.inset {
  padding-top: 0;
  padding-right: 0;
  padding-left: 20px;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width:190px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 90%;
}

.sidebar-nav-sub {
    list-style: none;
    padding-left: 5px;
}

.sidebar-title {
  font-weight: 600;
  background: #D8D8D8;
  border-top: solid 1px #BDBDBD;
  border-bottom: solid 1px #BDBDBD;
}

.sidebar-help {
    padding-left: 18px;
}

.sidebar-nav .collapse li {
  text-indent: 10px;
}

.sidebar-nav li {
  line-height: 25px;
  text-indent: 2px;
}

.sidebar-nav li a {
  color: #000;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #000;
  background: #fff;
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 40px;
  line-height: 40px;
  font-size:150%;
  font-weight: 600;
}

.sidebar-nav > .sidebar-brand a {
  color: #000;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #000;
  background: none;
}

ul.dropdown-menu {
  border: none;
}

.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

#menu-toggle {
  display: none;
}

@media (max-width:767px) {

    #wrapper {
      padding-left: 0;
    }

    #sidebar-wrapper {
      left: 0;
    }

    #wrapper.active {
      position: relative;
      left: 200px;
    }

    #wrapper.active #sidebar-wrapper {
      left: 200px;
      width: 200px;
      transition: all 0.4s ease 0s;
    }

    #menu-toggle {
      display: inline-block;
    }

    .inset {
      padding-top: 0;
      padding-right: 0;
      padding-left: 0px;
    }

}


.sidebar_active{
    color: rgb(0, 85, 127);
}
.sidebar_inactive{
    color: rgba(0, 85, 127, 0.6);
}

.modal-body {
    padding: 15px;
    padding-bottom: 0;
    overflow-y: auto;
 }

  .modal-header {
    padding-bottom: 5px;
    padding-top: 5px;
    overflow-y: auto;
 }

 .modal-footer {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    overflow-y: auto;
 }

.footer-credit {
    font-size: 10px;
    }

.footer-tc {
    font-size: 12px;
}

.small-margin {
    padding-left: 30px;
}

.extra-top-margin {
    padding-top: 20px;
}

.navbar { background-color: #fff; border-bottom: 1pt solid rgb(240, 139, 165); min-height: 50px;}
.navbar .navbar-nav>li>a.nav-link:hover {color: rgb(240, 139, 165);}
.navbar .navbar-nav>li>a:hover {color: rgb(240, 139, 165);}
.navbar-header>span>a:hover {color: rgb(240, 139, 165);}


/*for shopping basket and block menu icon*/
.navbar-header>div.extra-collapsed-menu-icons {
  display: inline-block;
  /*position: relative;*/
  padding-top: 20px;
  white-space:nowrap;
}

.navbar-header>div.extra-collapsed-menu-icons > span > a, a.blockmodalbtn, #shopping-basket-menu > a {
  color: rgb(0, 85, 127);
  font-size: small;
  text-decoration: none;
}
.navbar-header>div.extra-collapsed-menu-icons > span > a:hover, a.blockmodalbtn:hover, #shopping-basket-menu > a:hover {
   color: rgb(240, 139, 165);
}

.navbar-header>div>span>a {
  padding-left: 15px;
}

.nav>span>li>a {
    position: relative;
    display: block;
    padding: 20px 15px;
}

.navbar-light .navbar-nav .nav-link {
  color: rgb(0, 85, 127);
    font-size: medium;
}

.navbar-light > a.nav-link, .navbar-light > li.nav-item>span {
    color: rgb(0, 85, 127);
    font-size: small;
}

.nav-user {
    padding-top: 20px;
    color: rgb(0, 85, 127);
}

li.account-menu-nav {
  min-width: 110px;
  padding-left: 10px;
}
a.active-nav-login {
  font-size: small;
  padding-left: 6px;
}

a>.btn, a.btn {
    color: #fff;
    text-decoration: none;
}
a:visited>.btn, a:link>.btn {
    color: #fff;
    text-decoration: none;
}

.btn-info-link, btn.btn-sm.btn-wm-outline.btn-profile {
    background-color: rgb(240, 139, 165);
    color: #fff;
}

.btn-info-link, .btn-new-block {
  padding-top: 2px;
  padding-bottom: 2px;
}

.btn-group > .btn-info-link {
  border-color: whitesmoke;
}

a.btn-info-link:hover {
  background-color: rgba(240, 139, 165, 0.8);
  color: white;
}

.confirmed {
    color: rgb(0, 85, 127);
}

.not-confirmed {
    color: red;
}

.socialaccount_providers a {
    color: #fff;
}

.hide {
    display: none
}

.active_block td {
    color: rgb(0, 85, 127);
}

.active_tr td {
    color: rgb(0, 85, 127);
}

.expired_block td {
    color: #BDBDBD;
}

.expired td, .expired td a, .expired td .confirmed, .expired td .not-confirmed ,
.expired .input-sm {
    color: #BDBDBD !important;
}



.not_paid_block td {
    color: red;
}

td {
    font-size: 85%;
	padding: 4px !important;
}


.table-btn, .disabled .btn .btn-wm .table-btn {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: 6.8em;
    color: #fff !important;
    }

.table-btn-xs {
  width: auto;
  padding-left: 2px;
	padding-right: 2px;
}

.basket-block-btn {
  width: 6em;
}
.basket-remove-btn {
  width: 2em;
}


@media(max-width:950px) {
  .table-btn, .btn, .btn-wm, .table-btn, .btn-group-sm > .btn-info-link, .btn-new-block{
    font-size: 75%;
  }
  .btn.no-shrink {
    font-size: 100%;
  }
}

td.table-btns {
    min-width: 8.75em;
   vertical-align: top;
}

.table-cancel-btn{
  width: 4.5em;
}

.table-events-cancel-btn{
  width: 4.5em;
}

.table-form {
  margin-bottom: 0;
}


.register-table-btn {
    width: 12em;
    padding: 3px;
    font-size: smaller;
}

.perm-btn {
    width: 10em;
    font-size: 90%;
}

.no-perm {
  background-color: #c5c0c0;
  color: #eae7e7 !important;
}

.subscribed-btn {
  width: 4em;
  font-size: 90%;
}

.filter-btn {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.ticket-btn {
    width: 10em;
}

.update-btn {
	padding-top: 2px;
    padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	width: auto;
	color: #fff !important;
    }

.open-all-btn {
	padding-top: 2px;
  padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
  margin-bottom: 5px;
	width: auto;
	color: #fff !important;
}

.paypal-table-btn {
    padding-top: 0;
    padding-bottom: -10px;
    margin-top: 0;
    margin-bottom: 0;
    height: 85%;
	width: 8.3em;
    }

.paypal-btn-form {
    padding-bottom: 0;
    margin-bottom: 0
}


a.disabled {
    color: rgba(0, 85, 127, 0.6);
	pointer-events: none;
    }

.page-links > a {
	color: rgb(0, 85, 127);
}

.page-links > a:hover {
	color: rgb(240, 139, 165);
  text-decoration: none;
}

.page-links > a.disabled {
	color: rgba(0, 85, 127, 0.3);
	pointer-events: none;
}

.page-item.active .page-link{
  background-color: rgb(240, 139, 165);
  border-color: rgb(240, 139, 165);
}

.inc-btm-space {
    padding-bottom: 2px;
}

.booking-btn {
    width: 120px;
    }

.filter-row {
    padding: 1px;
    margin: 1px;
}

.filter-form-group {
  display: block;
}

.filter-form-group > label {
  margin-right: 5px;
  margin-left: 5px;
}
.form-control.form-control-sm.filter-form-control {
  max-width: 50%;
  display: inline-block;
  max-height: 25px;
  line-height: 1;
  padding-left: 5px;
  padding-right: 5px;
}

.account-menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    margin-top: 2px !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.welcome-menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 15px !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    color: rgb(0, 85, 127);
}

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.bold-divider {
    height: 4px;
    background-color: rgb(0, 85, 127);
}

.ticket-divider {
    margin-top: 10px;
}

.ticket-info {
    margin-left: 15px;
    margin-right: 15px;
    font-style: italic;
}

.selectpicker {
   font-size: 12px;
}

@media(max-width:767px){
  .table-responsive{overflow-x:scroll;}
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.selectpicker{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    }

td.table-center.register-table {
    padding: 5px;
    }

.user-dropdown>span {
    color: black;
    font-weight: 500;
    }

label {
    display: inline;
	margin-bottom: 0;
}
.regular-checkbox {
    display: none;

}
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
    background-color: rgba(0, 85, 127, 0.2);
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #173B0B;
}

.regular-checkbox-disabled {
background-color: lightgrey;
}
.regular-checkbox-disabled + label {
background-color: lightgrey;
}
.regular-checkbox-disabled:checked + label {
    background-color: lightgrey;
}
.regular-checkbox-disabled:checked + label:after {
    color: darkgrey;
}

.cancelled-event > td > .regular-checkbox:checked + label {
    background-color: #fafafa;
}
.cancelled-event > td > .regular-checkbox:checked + label:after {
    color: lightgrey;
}
.cancelled-event > td > .reopen.regular-checkbox:checked + label {
    background-color:  rgba(0, 85, 127, 0.2);
}
.cancelled-event > td > .reopen.regular-checkbox:checked + label:after {
    color: #173B0B;
}

.delete-checkbox {
    display: none;
}
.delete-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
.delete-checkbox + label:active, .delete-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.delete-checkbox:checked + label {
    background-color: #F5A9A9;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
.delete-checkbox:checked + label:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #000;
}
.delete-checkbox-disabled {
    display: none;
}
.delete-checkbox-disabled + label {
    background-color: #BDBDBD;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.custom-input {
    width: 80px;
}

tr > td.table-center.register-index {
  padding-right: 0 !important;
  padding-left: 0 !important;
	vertical-align: middle !important;
}


a > span.fa.fa-print {
    color: black;
}

.notes-row{
    padding-bottom: 100px; !important;
}

.create-form {
    width: 200px;
}

.form-error {
    color: red;
}

.form-group {
    margin-bottom: 5px;
}

.form-group.cbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.input-group > .studioadmin-list {
    height: 25px; !important;
    border-radius: 45px; !important;
}

.input-group-addon {
    height: 25px; !important;
    padding: 2px 5px 0px 5px; !important;
}

.studioadmin-tbl {
    padding-top: 5px; !important;
    padding-bottom: 5px; !important;
    white-space: nowrap;
    font-size: small;
	vertical-align: middle; !important;

}

.studioadmin-help, .helptext {
    font-size: smaller;
    font-style: italic;
    font-weight: normal;
}

.studioadmincbox-help, .ext-instructor {
    font-size: smaller;
    font-style: italic;
    vertical-align: top;
}

.email-message {
    height: 300px !important;
}

.cancel-warning {
    font-family: sans-serif;
    font-weight: bold;
    color: red;
}

.no-block-comment {
    font-style: italic;
    color: grey;
    font-size: 8pt;
}

.top-button-row{
	padding-bottom: 10px;
}

.top-button-row > a.filter-btn {
    margin-bottom: 10px;
}

.header-not-bold{
	font-weight: normal;
	vertical-align: top;
}

@media (max-width: 767px) {
	h1 {
		font-size: x-large;
		font-weight: bold;
	}
    h2 {
		font-size: large;
		font-weight: bold;
	}
    h4 {
		font-size: medium;
		font-weight: bold;
	}
    #id_filter-lessons > option, #id_filter-events > option {
        font-size: 0.8em;
		word-wrap: normal !important;
		white-space: normal !important;
    }
	tr.compress>th, tr.compress.table-tab>th {
		font-size: 0.9em;
		word-wrap: normal !important;
		white-space: normal !important;
	}
  tr.compress>td, tr.compress.table-tab>td {
		font-size: 0.9em !important;
		word-wrap: normal !important;
		white-space: normal !important;
	}
  tr.compress>td.date, tr.compress.table-tab>td.date {
    min-width: 90px;
	}
  .event-card-item {
    font-size: 0.9em;
  }
  .message {
    font-size: 95%;
  }
}

@media (max-width: 675px) {
    h1 {
		font-size: large;
		font-weight: bold;
	}
    h2 {
		font-size: medium;
		font-weight: bold;
	}
    h4 {
		font-size: larger;
		font-weight: bold;
	}

	#id_filter-lessons > option, #id_filter-events > option {
        font-size: 0.7em;
		word-wrap: normal !important;
		white-space: normal !important;
    }

    tr.compress >th {
		font-size: 0.7em;
		word-wrap: normal !important;
		white-space: normal !important;
	}
    tr.compress >td {
		font-size: 0.7em;
		word-wrap: normal !important;
		white-space: normal !important;
	}
  .event-card-item {
    font-size: 0.8em;
  }

}
.wl-table-form {
	margin: 0;
}

.register-form-group {
    margin-bottom: 15px;
}

.register-form-control-label {
    padding-top: 0 !important;
}

.cancelled-event, .cancelled-event>td>a:link, .cancelled-event>td>a:visited,
.cancelled-event>td>a>span.fa {
    color: lightgrey !important;
}

.ticket-error > input, .ticket-error > .regular-checkbox + label {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.1);
}

.errorlist {
    list-style: none;
    color: red;
    font-style: italic;
    font-size: small;
    padding-left: 0;
}

.show-cancelled-label {
    font-weight: bold;
}

.message {
    margin-top: 15px;
    margin-bottom: -10px;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ticketed-event-info {
    font-style: italic;
    color:  rgb(0, 85, 127);
}

.inc-space {
    padding-bottom: 12px;
}

label.control-label {
    padding-top: 0px !important;
    margin-top: -2px !important;
}

.jumbotron.sale-jumbotron{
    color: red;
    background-color: #faebcc;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 15px;
    margin-bottom: 0px;
    line-height: 1.2;
    border: peru 1pt solid;
}


.jumbotron.banner-jumbotron {
  color: black;
  background-color: #faebcc;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0px;
  padding-left: 10px;
  border: peru 1pt solid;
}

.banner-star {
  color: red;
}

.sale {
    font-size: medium;
}

.register-unpaid {
    background-color: rgba(255, 0, 0, 0.25);
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 90%;
    margin-left: 5%;
    }

.input-xs.voucher {
     margin-left: 0
}

.form-group.space-below {
    padding-bottom: 10px;
}

.has-disclaimer-pill {
    color: white;
    border-radius: 15%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: rgba(240, 139, 165, 0.8);
    text-decoration: none;
}

.td-disclaimer > a {
  text-decoration: none;
}

.vspace {
    padding-bottom: 15px;
}
.vspace-sm {
    padding-bottom: 5px;
}

.topspace {
    margin-top: 20px;
}

li>a.adminmenu {
    padding-bottom: 1px;
    padding-top: 1px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a {
        padding-bottom: 1px;
        padding-top: 1px;
    }
}

.adminmenu-title {
    padding-left: 12px;
    font-weight: bold;
}

.form-control.email-input {
    width: 70%;
}
.btn.btn-alph-filter {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.btn.btn-alph-filter.btn-unselected {
    background-color:dimgrey;
    color: white;
}
.btn.btn-alph-filter.btn-alph-primary {
    background-color:rgb(0, 85, 127);
    color: white;
}


.fa.fa-check {
    color:  rgb(0, 85, 127);
}

.badge-spaces {
    width: 65px;
    padding-top: 2px,;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: normal;
    font-size: smaller;
}

.badge-spaces.badge-spaces-available {
  background-color: rgba(159, 219, 144, 0.8);
}

.badge.badge-pill.badge-location {
    display: block;
    border-radius: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-style: solid;
    border-width: 2px;
    background-color: #ffffff;
}

td span.badge.badge-location{
    display:inline-block;
    text-align:center;
    font-weight: normal;
    font-size: x-small;
}

.badge.badge-location.badge-location-sm {
  display:inline-block;
  text-align:center;
  font-weight: normal;
  font-size: 0.7em;
  padding-top: 3px;
  padding-bottom: 1px;;
}

.badge-location-1 {
  color: rgb(240, 139, 165);
  border-color: rgb(240, 139, 165);
}

.badge-location-2 {
  color: rgb(0, 85, 127);
  border-color: rgb(0, 85, 127);
}

tr.table-shaded{
    background-color: rgba(0, 0, 0, 0.08);
}

tr.unpaid-booking-row, div.unpaid-booking-row {
    background: rgba(255, 0, 0, 0.08);
}
div.past-event-row {
  background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) { /* use the max to specify at each container level */
    td.table-event > a {
        max-width:120px;  /* adjust to desired wrapping */
        display:table;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
    }
    td.date {
		    font-size: 0.7em;
          max-width:100px;  /* adjust to desired wrapping */
          display:table;
          white-space: pre-wrap; /* css-3 */
          white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
          white-space: -o-pre-wrap; /* Opera 7 */
          word-wrap: break-word; /* Internet Explorer 5.5+ */
      }
}

@media (min-width: 768px) { /* use the max to specify at each container level */
    td.table-event > a {
       max-width: none;
    }
    td.date {
          max-width: none;  /* adjust to desired wrapping */
          display:table;
          white-space: nowrap;
      }
}


.card.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.card.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.card.with-nav-tabs .card{
    padding: 5px;
}

/*** BTN-WM ***/
.btn-wm {
  background-color: rgb(240, 139, 165);
  border-color: rgb(240, 139, 165);
  color: white;
}

.btn-wm-outline {
  background-color: transparent;
  border-color: rgb(240, 139, 165);
  color: rgb(240, 139, 165);
}

a.btn-wm-outline {
  color: rgb(240, 139, 165);
}

a.btn-wm-outline:hover, .btn-wm-outline:hover, .btn-wm:hover, .btn-wm:hover button, .btn-wm:hover input {
  background-color: rgba(240, 139, 165, 0.8);
  border-color: rgba(240, 139, 165, 0.8);
  color: white;
}

.btn-wm.disabled {
  background-color: rgba(240, 139, 165, 0.6);
  border-color: rgba(240, 139, 165, 0.6);
  color: grey;
}

.btn-wm:focus,.btn-wm:active {
   background-color: rgba(240, 139, 165, 0.8);
  border-color: rgba(240, 139, 165, 0.8);
}

.btn.btn-wm-outline.round {
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(240, 139, 165, 0.5);
}


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


/********************************************************************/
/*** CARD ***/

.card-wm .card-header {
  background-color: rgba(240, 139, 165, 0.4);
}

.list-group > li.list-group-item.list-group-item-success {
  background-color: rgba(240, 139, 165, 0.4);
}

.with-nav-tabs .nav-tabs > li > a,
.with-nav-tabs .nav-tabs > li > a:hover,
.with-nav-tabs .nav-tabs > li > a:focus {
	color: rgb(0, 85, 127);
  background-color: rgba(0, 85, 127, 0.1);
  border-color: rgba(0, 85, 127, 0.2);
}

.with-nav-tabs .nav-tabs > .open > a,
.with-nav-tabs .nav-tabs > .open > a:hover,
.with-nav-tabs .nav-tabs > .open > a:focus,
.with-nav-tabs .nav-tabs > li > a:hover,
.with-nav-tabs .nav-tabs > li > a:focus {
	background-color: rgba(0, 85, 127, 0.1);
	border-color: transparent;
}

.with-nav-tabs .nav-tabs > li > a.active,
.with-nav-tabs .nav-tabs > li > a.active:hover,
.with-nav-tabs .nav-tabs > li > a.active:focus {
	background-color: #fff;
	border-color: rgba(0, 85, 127, 0.2);
	border-bottom-color: transparent;
}
.with-nav-tabs  > .nav-tabs > li.dropdown .dropdown-menu {
    background-color: rgba(0, 85, 127, 0.1);
    border-color: rgba(0, 85, 127, 0.2);
}
.with-nav-tabs > .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: rgb(0, 85, 127);
}
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: rgba(0, 85, 127, 0.1);
}
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: rgb(0, 85, 127);
}

tr.table-tab-header {
    border-top: none;
    border-bottom: solid rgb(0, 85, 127);
}

.location {
    color: red;
    font-size: x-large;
}

@media (max-width: 767px) {
	.location {
		font-size: medium;
	}
}

a.basket-icon:link, a.basket-icon:visited {
  color: grey;
}

span.basket-count {
  color: rgb(240, 139, 165);
  font-size: x-small;
  border-radius: 15%;
  border: rgb(240, 139, 165) solid 1px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: white;
}


div .basket-section {
  border: solid  rgb(0, 85, 127) 1px;
}

div .basket-heading {
  margin-left: 0;
  border-bottom: solid lightgrey 1px;
}

div .basket-row {
  border-bottom: solid lightgrey 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px
}

div .basket-row > div, div .basket-heading {
  padding-left: 1px;
  padding-right: 1px;
}

.basket-note {
  color: red;
  white-space: normal;
  font-size: small;
}

@media (max-width: 767px) {
  div .basket-row {
    font-size: 95%;
  }

  div.basket-heading > h4 {
    font-size: small;
  }

}

.container-basket {
  margin-bottom: 40px;
}

.checkout-total {
  margin-top: 0;
}

.vat {
  font-size: small;
  font-weight: normal;
}

.selector {
width: 900px !important;
}

.selector .selector-available h2, .selector .selector-chosen h2 {
  border: none;
  background: transparent !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  color: #666;
  font-size: small;
}

.selector select {
  border-radius: 4px !important;
  height: 10em !important;
  width: 420px !important;
  font-size: small;
  padding: 0 2px !important;
}

.selector-chosen select {
  border-top: 1px solid rgb(153, 153, 153) !important;
  height: 10em !important;
  margin-top: 1.5em !important;
}

.selector-available, .selector-chosen {
width: 420px !important;
}

.selector .selector-filter {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

.selector .selector-available input {
  margin-left: 0 !important;
}

.selector .selector-available .selector-filter input {
  width: 402px !important;
  border: 1px solid;
  border-radius: 4px;
}

.selector ul.selector-chooser {
  margin: 7em 3px 0 3px !important;
}

.selector .selector-filter label,
.inline-group .aligned .selector .selector-filter label {
  margin: 2px 0 0 !important;
}

a.selector-chooseall, a.selector-clearall {
  font-size: smaller;
}

@media(max-width: 1040px) {
  .selector {
    width: 700px !important;
  }

  .selector select {
    width: 325px !important;
  }

  .selector-available, .selector-chosen {
    width: 325px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 302px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}

@media(max-width: 930px) {
  .selector {
    width: 650px !important;
  }

  .selector select {
    width: 275px !important;
  }

  .selector-available, .selector-chosen {
    width: 275px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 232px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}

@media(max-width: 775px) {
  .selector {
    width: 600px !important;
  }

  .selector select {
    width: 285px !important;
  }

  .selector-available, .selector-chosen {
    width: 285px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 182px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}

@media(max-width: 700px) {
  .selector {
    width: 500px !important;
  }

  .selector select {
    width: 225px !important;
  }

  .selector-available, .selector-chosen {
    width: 220px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 202px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}

@media(max-width: 570px) {
  .selector {
    width: 460px !important;
  }

  .selector select {
    width: 200px !important;
  }

  .selector-available, .selector-chosen {
    width: 200px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 182px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}


@media(max-width: 520px) {
  .selector {
    width: 400px !important;
  }

  .selector select {
    width: 180px !important;
  }

  .selector-available, .selector-chosen {
    width: 180px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 162px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}


@media(max-width: 490px) {
  .selector {
    width: 350px !important;
  }

  .selector select {
    width: 155px !important;
  }

  .selector-available, .selector-chosen {
    width: 155px !important;
  }

  .selector .selector-available .selector-filter input {
    width: 136px !important;
  }

  .selector ul.selector-chooser {
    margin: 5em 3px 0 3px !important;
  }
}

/*Cookie law banner*/
div#CookielawBanner {
  background-color: rgba(255, 0, 0, 0.1);
  padding: 5px;
  font-size: smaller;
  border: solid 1px rgba(255, 0, 0, 0.5);
  margin: 5px;
}

.btn-cookie {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 0;
  font-size: small;
}

form.mock-bs-form > div.form-actions > div > input,
form.mock-bs-form > p > input {
  display: block;
  width: 75%;
  border: 1px solid #ccc;
  color: #555;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
}

@media(max-width: 767px) {
  form.mock-bs-form > div.form-actions > div > input,
  form.mock-bs-form > p > input {
     width: 100%;
  }
}


.btn-group {
  display: flex;
}

.btn.btn-attended, .btn.btn-noshow {
  padding-left: 3px;
  padding-right: 3px;
  line-height: 1.1;
  width: 1em;
  border-radius: 10px;
}

.btn-attended:hover, .btn-noshow:hover {
  background-color: white;
  color: black;
}

.btn-wm.btn-attended:hover {
  background-color: rgb(240, 139, 165);
  color: white;
}

.expired .btn-attended {
  border-color: lightgrey;
  color: lightgrey;
}

.expired .btn-noshow {
  border-color: lightgrey;
  background-color: lightpink;
  color: lightgrey;
}

/*GIFT VOUCHERS*/

@font-face { font-family: flaemische-kanzleischrift; src: url(../fonts/FlaemischeKanzleischrift.ttf); }
@font-face { font-family: chopin-script; src: url(../fonts/chopinscript.ttf); }


#gift-form > div .col-xs-10, #gift-form > div > div .col-xs-10#gift-form > div .col-xs-2 {
  padding-right: 0px;
  padding-left: 0px;
}

.voucher-title {
  font-family: flaemische-kanzleischrift;
  font-style: italic;
  font-weight: bold;
  font-size: xx-large;
  padding-bottom: 10px;
}

.voucher-name {
  font-size: large;
}

.voucher-content {
  text-align: left;
  font-size: medium;
}

.voucher-content > p {
  margin-bottom: 5px;
}

.voucher-content-label {
  font-style: italic;
}

.voucher-message {
  font-size: small;
  font-style: italic;
}

/*.voucher-bg {*/
/*  background: url(../images/logo_brand.png) no-repeat center;*/
/*}*/

.voucher-box {
  width:100%;
  max-width: 700px;
  height:auto;
  padding:10px;
}

.voucher-outer-box {
  margin: 20px;
  border: 4px solid rgba(240, 139, 165, 0.9);
}

.voucher-inner-box {
  width:100%;
  border: 3px solid rgba(0, 85, 127, 0.9);
  background-image: url(../images/logo_brand_fade_new.png);
  background-size: contain;
  background-repeat: no-repeat;
}

hr.voucher-divider {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

div.override_options {
    border-bottom: lightgrey 1px solid;
}

span.disclaimer_version {
  width: 300px;
}

.multiselect-container {
  transform: none !important;
}

.multiselect-container>li>a>label {
  padding: 3px 10px 3px 10px;
  white-space: nowrap;
}

#spin-container {
  width: 30px;
  height: 30px;
  position: relative;
}
.email-spinner {
  width: 100%;
  height: 100%;
  position: absolute;
  color: rgba(240, 139, 165, 0.9);
}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid rgba(240, 139, 165, 0.9);
    background: rgba(240, 139, 165, 0.9);
    color: rgba(0, 85, 127, 0.9);
}

#ui-datepicker-div > table > tbody > tr > td.ui-datepicker-today > a.ui-state-highlight.ui-state-default {
      background: white !important;
      color: rgba(0, 85, 127, 0.9);
      border: 1px solid rgba(240, 139, 165, 0.9);
}

.event-card-item {
  border-left: rgb(240, 139, 165) solid;
}

.booking-event-card-item {
  border-bottom: rgb(240, 139, 165) solid;
}

.modal-window.hide, .modal-fader.hide {
  display: none;
}

.modal-window.modal-preview {
  position: fixed;
  top: 25%;
  left: 50%;
}

div.message.alert > p {
  margin-bottom: 0;
}

.stripe-checkout-btn {
  border: #625afa solid 1px;
  background-color: #625afa;
  color: white;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
}

.stripe-checkout-btn:hover {
  border: #625afa solid 1px;
  background-color: white;
  color: #625afa;
}