/*
Theme Name: Musical Minis

*/
/* Reset All Styles
-------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /* vertical-align: baseline; */
  background: transparent;
}
body {
  line-height: 1.3;
}
.row {
  overflow: hidden;
}
.row .column,
.row .columns {
  margin-left: 2%;
  float: left;
  min-height: 1px;
  position: relative;
  -rr-one-width: 6.5%;
}
.row .column:first-child,
.row .columns:first-child {
  margin-left: 0;
}
.row [class*="column"] + [class*="column"]:last-child {
  float: right;
}
.row .col-1 {
  width: 6%;
}
.row .offset-by-1 {
  margin-left: 10.5% !important;
}
.row .offset-by-1:first-child {
  margin-left: 8.5% !important;
}
.row .push-1 {
  left: 8.5% !important;
}
.row .pull-1 {
  right: 8.5% !important;
}
.row .col-2 {
  width: 15%;
}
.row .offset-by-2 {
  margin-left: 19% !important;
}
.row .offset-by-2:first-child {
  margin-left: 17% !important;
}
.row .push-2 {
  left: 17% !important;
}
.row .pull-2 {
  right: 17% !important;
}
.row .col-3 {
  width: 23%;
}
.row .offset-by-3 {
  margin-left: 27.5% !important;
}
.row .offset-by-3:first-child {
  margin-left: 25.5% !important;
}
.row .push-3 {
  left: 25.5% !important;
}
.row .pull-3 {
  right: 25.5% !important;
}
.row .col-4 {
  width: 32%;
}
.row .offset-by-4 {
  margin-left: 36% !important;
}
.row .offset-by-4:first-child {
  margin-left: 34% !important;
}
.row .push-4 {
  left: 34% !important;
}
.row .pull-4 {
  right: 34% !important;
}
.row .col-5 {
  width: 40%;
}
.row .offset-by-5 {
  margin-left: 44.5% !important;
}
.row .offset-by-5:first-child {
  margin-left: 42.5% !important;
}
.row .push-5 {
  left: 42.5% !important;
}
.row .pull-5 {
  right: 42.5% !important;
}
.row .col-6 {
  width: 49%;
}
.row .offset-by-6 {
  margin-left: 53% !important;
}
.row .offset-by-6:first-child {
  margin-left: 51% !important;
}
.row .push-6 {
  left: 51% !important;
}
.row .pull-6 {
  right: 51% !important;
}
.row .col-7 {
  width: 57%;
}
.row .offset-by-7 {
  margin-left: 61.5% !important;
}
.row .offset-by-7:first-child {
  margin-left: 59.5% !important;
}
.row .push-7 {
  left: 59.5% !important;
}
.row .pull-7 {
  right: 59.5% !important;
}
.row .col-8 {
  width: 66%;
}
.row .offset-by-8 {
  margin-left: 70% !important;
}
.row .offset-by-8:first-child {
  margin-left: 68% !important;
}
.row .push-8 {
  left: 68% !important;
}
.row .pull-8 {
  right: 68% !important;
}
.row .col-9 {
  width: 74%;
}
.row .offset-by-9 {
  margin-left: 78.5% !important;
}
.row .offset-by-9:first-child {
  margin-left: 76.5% !important;
}
.row .push-9 {
  left: 76.5% !important;
}
.row .pull-9 {
  right: 76.5% !important;
}
.row .col-10 {
  width: 83%;
}
.row .offset-by-10 {
  margin-left: 87% !important;
}
.row .offset-by-10:first-child {
  margin-left: 85% !important;
}
.row .push-10 {
  left: 85% !important;
}
.row .pull-10 {
  right: 85% !important;
}
.row .col-11 {
  width: 91%;
}
.row .offset-by-11 {
  margin-left: 95.5% !important;
}
.row .offset-by-11:first-child {
  margin-left: 93.5% !important;
}
.row .push-11 {
  left: 93.5% !important;
}
.row .pull-11 {
  right: 93.5% !important;
}
.row .col-12 {
  width: 100%;
}
.row .centered {
  float: none;
  margin: 0 auto !important;
}
@media (max-width: 480px) {
  .row {
    /* Mobile 4-column Grid */
  }
  .row .phone-one,
  .row .phone-two,
  .row .phone-three,
  .row .phone-four {
    margin-left: 2%;
    float: left;
    min-height: 1px;
    position: relative;
    padding: 0;
  }
  .row .phone-one {
    width: 23.5% !important;
    /* 21.68%; */
  }
  .row .phone-two {
    width: 49% !important;
    /* 47.8%; */
  }
  .row .phone-three {
    width: 74.5% !important;
    /* 73.9% */
  }
  .row .phone-four {
    width: 100% !important;
  }
  .row .push-one-phone {
    left: 25.5%;
    /* 26.08%; */
  }
  .row .push-two-phone {
    left: 51%;
    /* 52.2% */
  }
  .row .push-three-phone {
    left: 76.5%;
    /* 78.3% */
  }
  .row .pull-one-phone {
    right: 25.5%;
    /* 26.08% */
  }
  .row .pull-two-phone {
    right: 51%;
    /* 52.2% */
  }
  .row .pull-three-phone {
    right: 76.5%;
    /* 78.3%; */
  }
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 48% !important;
}
.button {
  font-family: 'Comic Sans MS', 'Comis Sans', arial, sans-serif;
  background-color: #9ec824;
  padding: 0 0.75em;
  line-height: 2.5;
  color: #fff;
  border: none;
  border-radius: 5px;
  -webkit-appearance: none;
}
.button.login {
  text-decoration: none;
  color: #fff;
  background-color: #37bcf6;
}
.button.register {
  text-decoration: none;
  color: #fff;
  background-color: #11236b;
}
.button-large {
  font-size: 1em;
}
.acf-form-submit {
  padding: 12px;
}
#classes-body {
  width: 100%;
  background: url(images/classes_background.png) repeat-x;
}
#franchise-body {
  width: 100%;
  background: url(images/franchise_background.png) repeat-x;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
img {
  border: none;
}
#mobile-youtube-link {
  display: none;
}
/*  Start of MM styles */
body {
  font-family: Comic Sans MS, verdana, sans-serif;
  color: #6369A5;
}
.clear {
  clear: both;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
hr {
  margin: 15px 0 15px 0;
}
h1 {
  font-size: 24px;
}
.footer-text {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-family: verdana, sans serif;
  font-size: 0.8em;
}
.footer-text a {
  color: #fff;
  text-decoration: none;
}
.footer-text .company-name {
  font-weight: bold;
}
.footer-text .nav {
  padding-left: 0;
}
.footer-text .nav li {
  display: inline;
  margin: 0 8px;
}
.owner .profile-pic {
  padding: 10px;
}
.owner .profile-pic img {
  width: 100%;
  height: auto;
}
.general-sidebar .owner .profile-pic {
  width: 120px;
  margin: 0px auto 20px;
  box-shadow: 0 2px 4px #ccc;
  transform: rotate(5deg);
}
.contact-details ul {
  padding-left: 0;
}
.contact-details ul li a {
  text-decoration: none;
}
.general-sidebar .contact-details ul li a {
  color: #e0007c;
}
.general-sidebar {
  text-align: left;
}
.general-sidebar .introduction p {
  font-size: 13px;
}
.general-content {
  text-align: left;
  min-height: 450px !important;
}
.general-content h1 {
  width: 80%;
}
.general-content a.view-cart,
.general-content .woocommerce-message a.button.wc-forward {
  background: #e0007c;
  text-decoration: none;
  color: #fff;
}
.general-content a.view-cart:after,
.general-content .woocommerce-message a.button.wc-forward:after {
  font-family: "Woocommerce";
  content: " \e029";
}
.general-content a.view-cart {
  float: right;
  display: block;
}
.general-content .alignleft,
.general-content .alignright {
  margin-top: 1em;
}
.general-content .alignleft .wp-caption-text,
.general-content .alignright .wp-caption-text {
  margin-top: 0;
}
.general-content .alignleft {
  margin-right: 0.75em;
}
.general-content .alignright {
  margin-left: 0.75em;
}
.general-content a {
  color: #e0007c;
}
.general-content .price {
  background-color: #37bcf6;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  display: inline-block;
  line-height: 1.5;
  padding: 0 0.75em;
  border-radius: 5px;
}
.general-content .summary.entry-summary {
  position: relative;
  padding-right: 170px;
}
.general-content .summary.entry-summary form.cart,
.general-content .summary.entry-summary div.cart-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 150px;
  text-align: right;
}
.general-content .summary.entry-summary form.cart button,
.general-content .summary.entry-summary div.cart-button button,
.general-content .summary.entry-summary form.cart .button,
.general-content .summary.entry-summary div.cart-button .button {
  font-size: 18px;
  margin-top: 8px;
  color: #fff;
  text-decoration: none;
}
.general-content .summary.entry-summary p.dates {
  margin-top: 0;
  margin-bottom: : 0;
}
.general-content .summary.entry-summary p.price {
  margin-top: 0;
}
.general-content .summary.entry-summary p.stock {
  margin-top: 0px;
}
.woocommerce .order_details li {
  background: none;
}
.woocommerce table.shop_table tr.cart_item td {
  vertical-align: top;
}
.woocommerce table.shop_table tr.cart_item td ul {
  margin: 0 0 10px;
  padding-left: 0;
  list-style-type: none;
}
.woocommerce table.shop_table tr.cart_item td ul li {
  padding-left: 0;
  margin-top: 0;
  background: none;
}
.woocommerce table.shop_table tr.cart_item td ul li label.to_pay {
  color: red;
}
.cart_totals tr td,
.cart_totals tr th {
  vertical-align: top;
  padding: 10px;
}
#classes-footer .footer-text a:hover {
  color: #344A8C;
}
#franchise-footer .footer-text a:hover {
  color: #31C7EF;
}
#music-button {
  height: 70px;
  width: 50px;
  position: absolute;
  top: 70px;
  left: 880px;
  z-index: 1;
}
#classes-wrapper {
  margin: auto;
  width: 960px;
  text-align: center;
  position: relative;
  background: url(images/classes_background.png) repeat-x;
  background-color: #fff;
  border: none;
  overflow: hidden;
}
#classes-header {
  width: 940px;
  height: 182px;
  background: url(images/classes_header.png) no-repeat;
}
#classes-border-left {
  width: 17px;
  height: 521px;
  position: absolute;
  top: 179px;
  left: 51px;
  z-index: 1;
  background: url(images/classes_border_left.png) no-repeat;
}
#classes-border-right {
  width: 13px;
  height: 521px;
  position: absolute;
  top: 179px;
  left: 903px;
  z-index: 1;
  background: url(images/classes_border_right.png) no-repeat;
}
.account_options {
  position: absolute;
  right: 50px;
  top: 30px;
}
.account_options a {
  color: #fff;
  background-color: #e0007c;
  text-decoration: none;
  padding: 4px;
  border-radius: 5px;
}
.account_options a.register {
  background-color: #11236b;
}
.account_options a.register_children {
  background-color: #ef7807;
}
.account_options a.log_in {
  background-color: #9ec824;
}
.account_options a.settings {
  background-color: transparent;
  padding: 7px 0 0 0;
  display: block;
  text-align: right;
  font-size: 14px;
}
#classes-nav {
  float: left;
  width: 545px;
  height: 24px;
  margin-top: 116px;
  margin-left: 330px;
}
#classes-nav ul {
  margin: 0 0;
  padding: 0 0;
}
#classes-nav ul li {
  float: left;
  padding: 0 8px;
  background: #fff;
  border-radius: 8px 8px 0 0;
  font-size: 13px;
  line-height: 25px;
  margin-right: 2px;
}
#classes-nav ul li a {
  color: #000;
  text-decoration: none;
}
#classes-nav ul li.menu-order-1 {
  background: #e0007c;
}
#classes-nav ul li.menu-order-1 a {
  color: #fff;
}
#classes-nav ul li.menu-order-2 {
  background: #9ec824;
}
#classes-nav ul li.menu-order-2 a {
  color: #fff;
}
#classes-nav ul li.menu-order-3 {
  background: #ef7807;
}
#classes-nav ul li.menu-order-3 a {
  color: #fff;
}
#classes-nav ul li.menu-order-4 {
  background: #c20047;
}
#classes-nav ul li.menu-order-4 a {
  color: #fff;
}
#classes-nav ul li.menu-order-5 {
  background: #fcf9c2;
}
#classes-nav ul li.menu-order-5 a {
  color: #37bcf6;
}
#classes-nav ul li.menu-order-6 {
  background: #11236b;
}
#classes-nav ul li.menu-order-6 a {
  color: #fff;
}
.classes-nav-button {
  float: left;
  padding-right: 10px;
}
#classes-content {
  float: left;
  width: 856px;
  background: url(images/classes_content_background.png) repeat-y;
  margin: 0 20px 0 58px;
  padding: 0 20px 0 20px;
  overflow: hidden;
  clear: both;
  display: block;
}
#classes-content .inner-content {
  width: 810px;
}
#classes-content-left {
  float: left;
  width: 150px;
  text-align: center;
}
#classes-content-center {
  float: left;
  width: 348px;
  text-align: left;
  font-size: 0.95em;
  padding: 10px;
}
#classes-content-center.nr {
  width: 638px;
}
#classes-content-right {
  float: left;
  width: 311px;
  overflow: none;
}
#classes-content-bottom {
  float: left;
  width: 856px;
  height: 34px;
  background: url(images/classes_content_background_bottom.png) no-repeat;
  margin: 0 20px 0 58px;
}
#classes-logo {
  float: left;
  margin: 10px 0 0 10px;
}
#classes-buttons {
  float: left;
  margin: 20px 0 0 10px;
  padding: 0;
  text-align: left;
}
#classes-buttons img {
  margin-top: 2px;
}
#logos {
  float: left;
  margin: 20px 0 0 10px;
}
#classes-polaroid {
  width: 355px;
  height: 291px;
  position: absolute;
  top: 170px;
  left: 585px;
  z-index: 2;
}
#classes-latest-news-title {
  float: right;
  margin: 280px 0 0 0;
  width: 253px;
  height: 28px;
  overflow: none;
}
#classes-latest-news-box {
  float: right;
  width: 280px;
  overflow: none;
}
#classes-footer {
  float: left;
  width: 100%;
  min-height: 40px;
  text-align: center;
  background-color: #31C7EF;
}
#classes-testimonials-spacer {
  float: left;
  width: 938px;
  height: 308px;
  background: url(images/classes_content_background.png) repeat-y;
  margin: 0 20px 0 58px;
  padding: 0 20px 0 20px;
  position: relative;
}
#classes-testimonials {
  position: absolute;
  width: 938px;
  height: 308px;
  top: -10px;
  left: -56px;
}
#networking {
  float: left;
  width: 750px;
  height: 40px;
  padding-left: 220px;
  overflow: hidden;
}
#networking img {
  float: left;
  width: 34px;
  height: 32px;
  margin-right: 5px;
}
.networking-text {
  float: left;
  color: #344A8C;
  font-weight: bold;
  font-size: 0.9em;
  margin: 0px 10px;
  line-height: 32px;
}
#classes-content-center li,
.general-content li {
  margin-top: 10px;
  padding-left: 30px;
  background: url(images/classes_bullet.png) no-repeat;
}
#classes-content-center h2,
.general-content h2 {
  font-size: 1.2em;
  color: #31C7EF;
}
#classes-content-center h3,
.general-content h3 {
  color: #31C7EF;
}
.textwidget {
  overflow: hidden;
}
#summer-song {
  width: 260px;
  margin: 10px;
  padding: 10px;
  font-size: 0.9em;
  text-align: left;
  font-weight: bold;
}
.press-source {
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  color: #F78E21;
  width: 100%;
}
.press-title {
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  width: 100%;
  margin: 10px 0 10px 0;
}
#press-buttons {
  float: left;
  width: 250px;
  overflow: hidden;
}
.press-button {
  float: left;
  width: 150px;
  margin-left: 75px;
  margin-top: 5px;
}
.press-button-top {
  width: 150px;
  height: 9px;
  background: url(images/press_button_top.png) no-repeat;
}
.press-button-middle {
  width: 140px;
  background: url(images/press_button_middle.png) repeat-y;
  padding: 0 5px 0 5px;
  /* margin-top: -4px; */
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
}
.press-button-middle a {
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}
.press-button-middle a:hover {
  color: #17307C;
}
.press-button-bottom {
  width: 150px;
  height: 9px;
  background: url(images/press_button_bottom.png) no-repeat;
}
#location-map {
  float: left;
  margin: 10px;
}
#locations-buttons {
  float: left;
  width: 240px;
  overflow: none;
  margin: 10px 0 10px 70px;
}
.locations-buttons-col {
  float: left;
  width: 120px;
  text-align: left;
}
.locations-button-top {
  width: 108px;
  height: 8px;
  background: url(images/locations_button_top.jpg) no-repeat;
}
.locations-button-middle,
.locations-button-middle-on {
  width: 98px;
  background: url(images/locations_button_middle.jpg) repeat-y;
  padding: 0 5px 0 5px;
  font-size: 0.8em;
  font-weight: bold;
}
.locations-button-middle a {
  color: #17307C;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}
.locations-button-middle a:hover {
  color: #fff;
}
.locations-button-middle-on a {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}
.locations-button-middle-on a:hover {
  color: #17307C;
}
.locations-button-bottom {
  width: 108px;
  height: 8px;
  background: url(images/locations_button_bottom.jpg) no-repeat;
  margin-bottom: 5px;
}
.post {
  float: left;
  width: 100%;
  margin: 20px 0 0 20px;
}
.post-title a {
  color: #17307C;
  text-decoration: none;
  clear: both;
}
.post-title a:hover {
  color: #3EC8F4;
  text-decoration: underline;
}
.post-sub-title {
  font-size: 0.9em;
  font-weight: bold;
}
.news-row {
  float: left;
  width: 270px;
  margin: 10px 0 0 10px;
}
.news-date {
  float: left;
  width: 80px;
  font-size: 0.8em;
  text-align: left;
}
.news-title {
  float: left;
  width: 190px;
  font-size: 0.8em;
  text-align: left;
}
.news-title a {
  color: #17307C;
  text-decoration: none;
}
.news-title a:hover {
  color: #3EC8F4;
  text-decoration: underline;
}
/*  Franchise page styles */
#franchise-wrapper {
  margin: auto;
  width: 940px;
  text-align: center;
  position: relative;
  background: url(images/franchise_background.png) repeat-x;
  background-color: #fff;
  border: none;
  overflow: hidden;
}
#franchise-header {
  width: 940px;
  height: 182px;
  background: url(images/franchise_header.png) no-repeat;
}
#franchise-nav {
  float: left;
  width: 545px;
  height: 24px;
  margin-top: 117px;
  margin-left: 330px;
}
#franchise-footer {
  float: left;
  width: 100%;
  height: 40px;
  text-align: center;
  background-color: #344A8C;
}
#franchise-border-left {
  width: 15px;
  height: 529px;
  position: absolute;
  top: 179px;
  left: 53px;
  z-index: 1;
  background: url(images/franchise_border_left.png) no-repeat;
}
#franchise-border-right {
  width: 20px;
  height: 529px;
  position: absolute;
  top: 179px;
  left: 901px;
  z-index: 1;
  background: url(images/franchise_border_right.png) no-repeat;
}
#franchise-polaroid {
  width: 354px;
  height: 295px;
  position: absolute;
  top: 170px;
  left: 585px;
  z-index: 2;
}
#franchise-testimonials {
  float: left;
  width: 935px;
  height: 348px;
  background: url(images/franchise_testimonials.png) no-repeat;
  margin: 0 0px 0 5px;
}
#case-studies-nav {
  width: 100%;
  float: left;
  clear: both;
  margin-left: 30px;
}
#case-studies-nav img {
  float: left;
}
#join-us-arrow {
  width: 76px;
  height: 40px;
  background: url(/wp-content/themes/musicalminis/images/franchise_arrow_join_us.png) no-repeat;
  position: absolute;
  top: 1350px;
  left: 600px;
}
#join-us-button {
  width: 187px;
  height: 32px;
  position: absolute;
  top: 1330px;
  left: 690px;
}
/*  Splash page styles */
#splash-wrapper {
  margin: auto;
  width: 940px;
  height: 900px;
  text-align: center;
  position: relative;
  background: url(images/classes_background.png) repeat-x;
  background-color: #fff;
  overflow: none;
  z-index: 2;
}
#splash-header {
  width: 940px;
  height: 217px;
  position: relative;
}
#splash-top {
  width: 500px;
  text-align: center;
  position: absolute;
  top: 235px;
  /* was 250px */
  left: 50px;
  overflow: auto;
  color: #17307C;
  font-weight: bold;
  overflow: hidden;
}
#splash-polaroids {
  width: 328px;
  height: 336px;
  position: absolute;
  top: 200px;
  left: 612px;
  background: url(/wp-content/themes/musicalminis/images/splash_polaroids_background.png) no-repeat;
}
.slideshow {
  width: 239px;
  height: 246px;
  position: absolute;
  top: 43px;
  left: 48px;
  z-index: 1;
}
#splash-classes-strap {
  width: 250px;
  height: 20px;
  position: absolute;
  top: 490px;
  left: 10px;
  font-size: 1.2em;
  color: #3EC8F4;
  font-weight: bold;
  text-align: left;
}
#splash-classes-button {
  width: 145px;
  height: 188px;
  float: left;
  margin: 0 10px 10px 0;
}
#splash-classes-text {
  width: 287px;
  height: 188px;
  position: absolute;
  top: 300px;
  left: 15px;
  font-size: 1.0em;
  color: #17307C;
  text-align: left;
}
#splash-classes-text p,
#splash-franchise-text p {
  margin: 0;
}
#splash-franchise-button {
  width: 145px;
  height: 188px;
  float: left;
  margin: 0 10px 10px 0;
  z-index: -1;
}
#splash-franchise-text {
  width: 287px;
  height: 188px;
  position: absolute;
  top: 300px;
  left: 315px;
  font-size: 1.0em;
  color: #17307C;
  text-align: left;
  z-index: -1;
}
#splash-franchise-strap {
  width: 250px;
  height: 20px;
  position: absolute;
  top: 490px;
  left: 310px;
  font-size: 1.2em;
  color: #17307C;
  font-weight: bold;
  text-align: left;
  z-index: -1;
}
#splash-news-background {
  width: 900px;
  height: 121px;
  position: absolute;
  top: 550px;
  left: 20px;
  background: url(/wp-content/themes/musicalminis/images/splash_news_background.png) no-repeat;
  text-align: left;
}
#splash-news-1 {
  width: 260px;
  height: 119px;
  position: absolute;
  overflow: none;
  top: 1px;
  left: 25px;
}
#splash-news-2 {
  width: 260px;
  height: 119px;
  position: absolute;
  overflow: none;
  top: 1px;
  left: 320px;
}
#splash-news-3 {
  width: 260px;
  height: 119px;
  position: absolute;
  overflow: none;
  top: 1px;
  left: 600px;
}
.splash-news-date {
  float: left;
  width: 100%;
  font-size: 0.9em;
  font-weight: bold;
  color: #17307C;
  padding: 3px 0 3px 0;
}
.splash-news-title {
  float: left;
  width: 100%;
  font-size: 1.1em;
  color: #FFF;
  padding: 3px 0 0 0;
  text-transform: uppercase;
}
.splash-news-more {
  float: left;
  height: 23px;
  position: absolute;
  top: 90px;
  left: 140px;
}
.splash-news-more-link {
  float: left;
  height: 10px;
  padding-right: 5px;
}
.splash-news-more-img {
  float: left;
  height: 23px;
}
.splash-news-more-link a {
  color: white;
  text-decoration: none;
}
.splash-news-more-link a:hover {
  color: #17307C;
}
#splash-footer {
  width: 940px;
  position: absolute;
  top: 690px;
  left: 0px;
  overflow: hidden;
}
#sidebar-form {
  float: left;
  width: 100%;
  margin-top: 300px;
}
.franchise-sidebar-form #sidebar-form {
  margin-top: 30px;
}
#video_links {
  margin-top: 300px;
  padding: 0 20px;
}
.video-link {
  margin: 10px 0;
}
#video-terms {
  float: left;
  width: 639px;
  margin-left: 150px;
  padding: 20px;
  text-align: left;
  font-size: 0.9em;
}
/*  RSS styles **/
.widget_rss {
  float: left;
  width: 100%;
  text-align: center;
}
.rsswidget {
  float: left;
  font-size: 0.8em;
  color: #344A8C;
  text-decoration: none;
  margin-left: 50px;
}
.rsswidget:hover {
  color: #37C6F4;
}
.widget-content ul li .rsswidget {
  clear: both;
  float: left;
  width: 160px;
  font-size: 0.8em;
  color: #344A8C;
  text-align: left;
  text-decoration: none;
  margin: 10px 0;
}
.widget-content .rsswidget:hover {
  color: #37C6F4;
}
.widget-content ul li .rss-date {
  float: left;
  width: 60px;
  font-size: 0.7em;
  font-weight: bold;
  color: #344A8C;
  margin: 10px 0;
}
/*                                                    */
/*  this is for slim(mer) forms                 */
/*                                                    */
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
#sidebar-form .cform {
  margin: 10px auto 0 auto;
  width: 225px;
  overflow: hidden;
}
#sidebar-form .cform fieldset {
  margin-top: 10px;
  padding: 5px 0 15px 0;
  border: 1px solid #adadad;
  border-left-color: #ececec;
  border-top-color: #ececec;
  background: #f7f7f7;
}
#sidebar-form .cform .cf_hidden {
  display: none;
  border: none!important;
  background: none!important;
  padding: 0!important;
  margin: 0!important;
}
#sidebar-form .cform legend {
  margin-left: 10px;
  padding: 0 2px;
  font: normal 14px Times;
  font-variant: small-caps;
  color: #666666;
}
#sidebar-form ol.cf-ol {
  margin: 0!important;
  padding: 0 10px!important;
}
#sidebar-form ol.cf-ol li {
  background: none!important;
  margin: 5px 0px!important;
  /*some themes may interfere otherwise*/
  padding: 0;
  list-style: none!important;
  text-align: left;
  line-height: 1.3em;
  overflow: hidden;
}
/*                                                    */
/* For the nursery rhyme form			              */
/*                                                    */
.cform.nursery-rhymes {
  width: 600px;
}
.cform.nursery-rhymes ol.cf-ol li {
  padding-left: 0 !important;
}
.cform.nursery-rhymes label {
  width: 110px;
}
.cform.nursery-rhymes label span {
  width: 110px;
  /* must be the same as above!*/
  font-size: 1.1em;
}
.cform.nursery-rhymes .cf-box-group input {
  clear: both;
  width: 20px;
  margin: 40px 5px 0;
}
.cform.nursery-rhymes .cf-box-group label {
  width: 530px;
}
.cform.nursery-rhymes .cf-box-group label span {
  width: 530px;
}
#usermessage5a,
#usermessage5b {
  width: 340px;
}
#nr1,
#nr2,
#nr3,
#nr4,
#nr5,
#nr6,
#nr7,
#nr8 {
  width: 380px;
  display: inline;
}
#nr1 .txt,
#nr2 .txt,
#nr3 .txt,
#nr4 .txt,
#nr5 .txt,
#nr6 .txt,
#nr7 .txt,
#nr8 .txt {
  margin: 0px;
  width: 180px;
  display: inline-block;
  font-size: 1.1em;
}
#nr1 .txt,
#nr2 .txt,
#nr3 .txt,
#nr4 .txt,
#nr5 .txt,
#nr7 .txt {
  vertical-align: 45px;
}
#nr6 .txt {
  vertical-align: 40px;
}
#nr8 .txt {
  margin-top: 35px;
  margin-bottom: 20px;
  width: 200px;
}
img.nr {
  display: inline-block;
  margin-left: 10px;
}
/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */
#sidebar-form ol.cf-ol li.textonly {
  padding: 3px 0;
  text-align: center;
}
.nursery-rhymes ol.cf-ol li.textonly {
  letter-spacing: normal;
  background: none !important;
  float: left;
  margin-top: 20px !important;
}
#li-5-3.textonly {
  width: 200px;
}
#li-5-4.textonly {
  width: 250px;
}
#li-5-5items {
  clear: both;
}
/*                                                    */
/* global definitions for field labels                */
/*                                                    */
#sidebar-form .cform label {
  width: 50px;
  margin: 2px 10px 0 0;
  display: -moz-inline-box;
  /*for mozilla*/
  display: inline-block;
  /*for Opera & IE*/
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  color: #3EC8F4;
  letter-spacing: normal;
}
#sidebar-form .cform label span {
  width: 40px;
  /* must be the same as above!*/
  display: block;
}
.franchise-sidebar-form #sidebar-form .cform label {
  color: #17307C;
}
#sidebar-form label.cf-before {
  width: 50px;
  margin: 4px 10px 0 0;
}
#sidebar-form label.cf-before span {
  width: 50px;
}
#sidebar-form label.cf-after {
  font-size: 10px;
  letter-spacing: 0pt;
  margin: 4px 5px 4px 6px;
  text-align: left;
  width: 45px;
}
#sidebar-form label.cf-after span {
  width: 45px;
  display: block;
}
#sidebar-form label.cf-group-after {
  margin: 5px 0 4px 2px;
  width: 130px;
  text-align: left;
}
#sidebar-form label.cf-group-after span {
  width: 130px;
  display: block;
}
/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */
#sidebar-form .cform input,
#sidebar-form .cform textarea,
#sidebar-form .cform select {
  padding: 3px;
  background: #f9f9f9;
  border: 1px solid #17307C;
  vertical-align: top;
}
#sidebar-form .cform input:hover,
#sidebar-form .cform textarea:hover,
#sidebar-form .cform select:hover {
  background: #CEDDDF;
}
#sidebar-form .cform input:focus,
#sidebar-form .cform textarea:focus,
#sidebar-form .cform select:focus {
  background: #F3F8F8;
}
#sidebar-form .cform textarea,
#sidebar-form .cform input {
  width: 120px;
}
#sidebar-form .cform select {
  width: 158px;
  /* attempt to have equal length */
}
#sidebar-form .cform select.cfselectmulti {
  height: 7.5em;
}
#sidebar-form .cform textarea {
  font-family: arial;
  font-size: 0.9em;
  height: 5em;
  overflow: auto;
  display: block;
}
#sidebar-form .cform input.cf_date {
  width: 128px;
}
/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */
#sidebar-form span.reqtxt,
#sidebar-form span.emailreqtxt {
  display: none;
}
#classes-content-center .reqtxt,
#classes-content-center .emailreqtxt {
  display: inline;
  margin: 0 0 0 3px;
}
/*                                                    */
/*   radio button title                               */
/*                                                    */
#sidebar-form ol.cf-ol li.cf-box-title {
  padding-left: 10px;
  /* check with label 'width' incl. */
}
ol.cf-ol li.cf-box-title {
  letter-spacing: normal !important;
}
/*                                                    */
/*   check boxes                                      */
/*                                                    */
#sidebar-form input.cf-box-a,
#sidebar-form input.cf-box-b {
  margin: 2px 0 0 0;
  width: 16px;
  height: 22px;
  border: none!important;
  background: none;
}
#sidebar-form input.cf-box-a {
  margin-left: 5px;
  /* check with label 'width' incl. */
}
/*                                                    */
/* check box groups                                   */
/*                                                    */
#sidebar-form ol.cf-ol li.cf-box-group {
  padding: 0 0 5px 10px;
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */
#sidebar-form p.cf-sb {
  padding: 0!important;
  margin: 0;
  text-align: right;
}
#classes-content-center p.cf-sb {
  text-align: center !important;
}
#sidebar-form .cform input.backbutton,
#sidebar-form .cform input.resetbutton,
#sidebar-form .cform input.sendbutton,
#classes-content-center .cform input.sendbutton {
  width: 75px;
  height: 32px;
  background: url(/wp-content/themes/musicalminis/images/form_submit.png) no-repeat;
  border-style: none;
  border: 0 none;
  margin: 0;
  padding: 0;
}
#sendbutton5 {
  width: 150px !important;
  background: url(/wp-content/themes/musicalminis/images/form_vote_now.png) no-repeat !important;
}
#sidebar-form .cform input.resetbutton {
  width: auto;
  padding: 5px 1em;
}
#sidebar-form .cform input.backbutton {
  width: auto;
  padding: 5px 1em;
}
#sidebar-form .cform input.sendbutton:hover,
#classes-content-center .cform input.sendbutton:hover {
  background: url(/wp-content/themes/musicalminis/images/form_submit_on.png) no-repeat;
}
#sendbutton5:hover {
  width: 150px;
  background: url(/wp-content/themes/musicalminis/images/form_vote_now_on.png) no-repeat !important;
}
.franchise-sidebar-form #sidebar-form .cform input.sendbutton,
.franchise-form .cform input.sendbutton {
  background: url(/wp-content/themes/musicalminis/images/form_submit_franchise.png) no-repeat;
  border: 0 none;
  height: 32px;
  margin: 0;
  padding: 0;
}
.franchise-sidebar-form #sidebar-form .cform input.sendbutton:hover,
.franchise-form .cform input.sendbutton:hover {
  background: url(/wp-content/themes/musicalminis/images/form_submit_franchise_on.png) no-repeat;
}
/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
#sidebar-form ol.cf-ol li.cf_li_err {
  background: #FFDFDF url(li-err-bg.png) repeat !important;
  border-color: #DF7D7D;
  border-style: solid;
  border-width: 1px 0pt;
  padding: 5px 0!important;
  margin: 5px 0!important;
}
#sidebar-form ol.cf-ol li ul.cf_li_text_err {
  margin: 0 0 0 10px;
  padding: 0;
  color: #333;
}
#sidebar-form ol.cf-ol ul.cf_li_text_err li {
  background: url(icon-alert.png) no-repeat left 1px !important;
  list-style: none!important;
  font-weight: bold;
  text-indent: 0;
  margin: 0 0 2px!important;
  padding-left: 15px;
  font-size: 9px;
}
#sidebar-form ol.cf-ol ul.cf_li_text_err li:before {
  content: '';
}
/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
#sidebar-form label.secq,
#sidebar-form label.seccap,
#sidebar-form input.secinput {
  vertical-align: text-bottom;
}
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */
#sidebar-form div.cf_info {
  color: #333333;
  display: none;
  font-family: Tahoma;
  font-size: 10px;
  margin: 10px auto;
  padding: 10px 5px !important;
  text-align: left;
  width: 175px;
}
#sidebar-form div.cf_info ol {
  margin: 0;
  padding: 5px 5px 0pt 20px;
}
#sidebar-form div.cf_info ol li {
  padding: 1px 0;
  margin: 2px 0;
}
#sidebar-form div.cf_info a {
  color: #ad2929!important;
  text-decoration: underline!important;
}
#sidebar-form div.success {
  color: #AAAAAA;
  display: block;
  letter-spacing: 1px;
}
#sidebar-form div.failure {
  display: block;
  background: #FFDFDF url(li-err-bg.png) repeat !important;
  border-color: #DF7D7D;
  border-style: solid;
  border-width: 1px 0pt;
}
#sidebar-form div.waiting {
  background: #F9F9F9;
  color: #AAAAAA;
  display: block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
#sidebar-form .cform .cf_error {
  color: #ad2929;
  border: 1px solid #ad2929;
}
#sidebar-form div.mailerr {
  display: block;
}
#sidebar-form .mailerr,
#sidebar-form .cform .cf_errortxt {
  color: #ad2929;
}
/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */
[disabled] {
  color: #dddddd;
  border-color: #dddddd!important;
  background: none!important;
}
#sidebar-form .disabled {
  border-color: #dddddd!important;
}
/*                                                    */
/* upload box styling                                 */
/*                                                    */
#sidebar-form .cform input.cf_upload {
  width: 220px;
  background: #f9f9f9;
  border: 1px solid #888888;
}
ul.payment_methods {
  padding-left: 0px;
}
ul.payment_methods li {
  background: none;
  padding-left: 0;
}
ul.products {
  padding-left: 0px;
}
ul.products li {
  background: none;
  padding-left: 0px;
}
ul.products li h2 {
  color: #e0007c;
}
ul.products li.product {
  padding-bottom: 20px;
}
ul.products li a {
  text-decoration: none;
}
ul.products li a.button,
ul.products li a .price {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
}
ul.products li a p {
  margin-top: 0;
  margin-bottom: 8px;
}
.general-content .DOPBSPCalendar-day.dopbsp-available .dopbsp-head,
.general-content .DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-available,
.general-content .DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-available,
.general-content .DOPBSPCalendar-day .dopbsp-bind-left.dopbsp-extended.dopbsp-available .dopbsp-head {
  background-color: #9ec824 !important;
  border-color: #9ec824 !important;
}
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-head,
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-head .dopbsp-co,
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-head .dopbsp-ci,
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-bind-left.dopbsp-extended .dopbsp-head {
  background-color: #ef7807 !important;
  border-color: #ef7807 !important;
}
.general-content .DOPBSPCalendar-day.dopbsp-available .dopbsp-body,
.general-content .DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-available,
.general-content .DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-available,
.general-content .DOPBSPCalendar-day .dopbsp-bind-left.dopbsp-extended.dopbsp-available .dopbsp-body {
  border-color: #9ec824 !important;
}
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-body,
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-body .dopbsp-co,
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-body .dopbsp-ci,
.general-content .DOPBSPCalendar-day.dopbsp-selected .dopbsp-bind-left.dopbsp-extended .dopbsp-body {
  border-color: #ef7807 !important;
}
.general-content .DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle {
  border-color: #9ec824 !important;
}
.general-content .DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle {
  border-color: #ef7807 !important;
}
.general-content .DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top {
  border-color: #ef7807 !important;
}
.general-content .DOPBSPCalendar-hour.dopbsp-available .dopbsp-hour,
.general-content .DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-info,
.general-content .DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-notes {
  background-color: #9ec824 !important;
}
.general-content .DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-hour {
  background: #ef7807 !important;
}
.general-content .DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-day {
  font-family: 'Comic Sans MS', verdana, sans-serif !important;
}
.general-content .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-cart-wrapper .dopbsp-cart .dopbsp-total td.dopbsp-value,
.general-content .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-cart-wrapper .dopbsp-cart .dopbsp-total td.dopbsp-label {
  background: #ef7807 !important;
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-info,
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-notes {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top .dopbsp-hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom .dopbsp-hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
/*
 * Booked hour.
 */
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle .dopbsp-info,
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle .dopbsp-notes {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top .dopbsp-hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom .dopbsp-hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
/*
 * Selected hour.
 */
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-hour {
  background: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-info {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
/*
 * Available hour.
 */
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-info,
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-notes {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-middle {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-top {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-top .dopbsp-hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-bottom {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-bottom .dopbsp-hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-available .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
/*
 * Booked hour.
 */
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-middle .dopbsp-info,
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-middle .dopbsp-notes {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-middle {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-top {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-top .dopbsp-hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-bottom {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-bottom .dopbsp-hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-booked .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
/*
 * Selected hour.
 */
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-middle {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-hour {
  background: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-top {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-bottom {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPReservationsAdd-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-info {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
/*
 * Available hour.
 */
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-info,
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle .dopbsp-notes {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top .dopbsp-hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom .dopbsp-hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
/*
 * Booked hour.
 */
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle .dopbsp-info,
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle .dopbsp-notes {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top .dopbsp-hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom .dopbsp-hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
/*
 * Selected hour.
 */
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-hour {
  background: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-info {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-day.available .header {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-day.available .content {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
/*
 * Booked day.
 */
.DOPBSPCalendar-day.booked .header {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-day.booked .content {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
/*
 * Selected day.
 */
.DOPBSPCalendar-day.selected .header {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
/*
 * Available hour.
 */
.DOPBSPCalendar-hour.available .hour,
.DOPBSPCalendar-hour.available .bind-content .info,
.DOPBSPCalendar-hour.available .bind-content .notes {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.available .bind-content {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.available .bind-top {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.available .bind-top .hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.available .bind-bottom {
  border-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.available .bind-bottom .hour {
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
.DOPBSPCalendar-hour.available .bind-top.enabled .hour,
.DOPBSPCalendar-hour.available .bind-bottom.enabled .hour {
  background-color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
  color: #9ec824 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}
/*
 * Booked hour.
 */
.DOPBSPCalendar-hour.booked .hour,
.DOPBSPCalendar-hour.booked .bind-content .info,
.DOPBSPCalendar-hour.booked .bind-content .notes {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.booked .bind-content {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.booked .bind-top {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.booked .bind-top .hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.booked .bind-bottom {
  border-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.booked .bind-bottom .hour {
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
.DOPBSPCalendar-hour.booked .bind-top.enabled .hour,
.DOPBSPCalendar-hour.booked .bind-bottom.enabled .hour {
  background-color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
  color: #c20047 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}
/*
 * Selected hour.
 */
.DOPBSPCalendar-hour.selected .bind-content {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.selected .bind-content .hour {
  background: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.selected .bind-top {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.selected .bind-top .hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.selected .bind-bottom {
  border-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.selected .bind-bottom .hour {
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.DOPBSPCalendar-hour.selected .bind-top .hour,
.DOPBSPCalendar-hour.selected .bind-bottom .hour,
.DOPBSPCalendar-hour.selected .bind-top.enabled .hour,
.DOPBSPCalendar-hour.selected .bind-bottom.enabled .hour {
  background-color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
  color: #ef7807 !important;
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}
.variations_button {
  padding: 10px;
}
.variations_button .button {
  font-size: 20px;
  line-height: 2;
  cursor: pointer;
}