/* Booked Appointments styles
----------------------------------------------------------------- */
/* Icons fix */
.booked-icon {
  padding-left: 1px; }

/* Calendar */
body table.booked-calendar,
body table.booked-calendar thead,
body table.booked-calendar body {
  background-color: transparent !important; }

table.booked-calendar,
table.booked-calendar tr {
  border-width: 0 !important; }

table.booked-calendar tr th,
table.booked-calendar tr td {
  border-width: 15px !important;
  border-style: solid !important;
  border-color: transparent !important;
  background-color: transparent !important;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; }

table.booked-calendar tr td .date,
table.booked-calendar tr td:hover .date,
table.booked-calendar tr td:hover .date span,
table.booked-calendar tr td.prev-date .date,
table.booked-calendar tr td.prev-date:hover .date,
table.booked-calendar tr td.prev-date:hover .date span,
table.booked-calendar tr td.today .date,
table.booked-calendar tr td.today .date span,
table.booked-calendar tr td.prev-month .date,
table.booked-calendar tr td.prev-month .date span,
table.booked-calendar tr td.next-month .date,
table.booked-calendar tr td.next-month .date span,
table.booked-calendar tr td .booked-appt-list {
  color: inherit !important;
  background: transparent !important; }

table.booked-calendar thead tr:first-child th {
  padding-top: 0 !important;
  padding-bottom: 2.2em !important; }

table.booked-calendar th {
  background-color: transparent !important; }
  table.booked-calendar th .monthName {
    font-size: 3.125rem !important;
    line-height: 1.1em !important;
    letter-spacing: 0.025em !important; }
  table.booked-calendar th .monthName a {
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em; }
  table.booked-calendar th .page-left,
  table.booked-calendar th .page-right {
    font-size: 5rem !important;
    line-height: 1em !important;
    margin-top: -3.6rem !important; }
    table.booked-calendar th .page-left i,
    table.booked-calendar th .page-right i {
      font-family: "fontello" !important; }
      table.booked-calendar th .page-left i:before,
      table.booked-calendar th .page-right i:before {
        content: '\E96E' !important; }
  table.booked-calendar th .page-right {
    right: 0 !important; }
  table.booked-calendar th .page-left {
    left: 0 !important; }
    table.booked-calendar th .page-left i:before {
      content: '\E95A' !important; }

table.booked-calendar tr.days th {
  font-size: 1.56rem !important;
  line-height: 1.2em !important;
  letter-spacing: 0.025em !important; }

table.booked-calendar td .date .number {
  position: absolute;
  top: 25px;
  left: 13px; }

table.booked-calendar td.today .date .number {
  border: none !important;
  background-color: transparent !important; }

table.booked-calendar td.today:hover .date .number {
  border: none !important;
  background-color: transparent !important; }

body table.booked-calendar tr.days th {
  padding-bottom: 1em !important;
  background-color: transparent !important; }

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {
  border-width: 5px !important; }

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
  height: 7.1rem; }

body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary {
  border-width: 5px !important; }

body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page button:hover,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view button:hover,
body table.booked-calendar input[type=submit]:hover,
body table.booked-calendar button:hover,
body .booked-modal input[type=submit]:hover,
body .booked-modal button:hover {
  border: 5px solid #eee !important; }

body .booked-modal .field .button-primary {
  margin-right: 0 !important;
  margin-bottom: 20px !important;
  width: 100%; }

body .booked-modal .field .cancel {
  width: 100% !important; }

/* Booked form */
body .booked-form .field .checkbox-radio-block label {
  padding-left: 1.4em; }

body .booked-form .field .checkbox-radio-block label:before {
  line-height: 0.6em; }

body .booked-form .cf-block select {
  visibility: visible; }

body .booked-modal .bm-window {
  background: none; }

body .booked-calendar-wrap.small table.booked-calendar th .monthName a {
  font-size: 13px !important;
  top: 0; }

body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row.top .bc-col {
  padding: 1.15rem 0; }
  body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row.top .bc-col .monthName {
    font-size: 1rem !important;
    font-weight: 500; }

body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .page-right, body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .page-left {
  font-size: 2rem !important;
  margin-top: 0.7rem !important;
  top: 0; }

body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .page-right {
  right: 5px !important; }

body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .page-left {
  left: 5px !important; }

body div.booked-calendar-wrap.small div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
  margin: 0; }

body div.booked-calendar-wrap.small div.booked-calendar .booked-appt-list h2 {
  font-size: 15px; }

body div.booked-calendar-wrap.small div.booked-calendar .booked-appt-list .timeslot {
  padding: 0; }
  body div.booked-calendar-wrap.small div.booked-calendar .booked-appt-list .timeslot + .timeslot {
    margin-top: 5px; }
  body div.booked-calendar-wrap.small div.booked-calendar .booked-appt-list .timeslot .timeslot-people {
    padding: 0; }
    body div.booked-calendar-wrap.small div.booked-calendar .booked-appt-list .timeslot .timeslot-people button {
      padding: 7px 0; }

/* Login form */
#booked-page-form .login-remember input {
  display: inline;
  vertical-align: middle; }

#booked-profile-page i.fa {
  color: inherit; }

/* User profile header */
#booked-profile-page div.booked-profile-header {
  padding: 1em 1em 2em; }

#booked-profile-page div.booked-user-avatar {
  width: 50px;
  height: 50px; }

#booked-profile-page div.booked-user-avatar img {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

#booked-profile-page .booked-user h3 strong {
  font-weight: 400; }

/* User profile content */
#booked-profile-page div.booked-tab-content {
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

#profile-edit #booked-page-form .form-table {
  margin-bottom: 2em; }

body table.booked-calendar td.booked .date,
body table.booked-calendar td.booked:hover .date,
body table.booked-calendar td.booked .date span,
body table.booked-calendar td.booked:hover .date span {
  background: none !important; }

body table.booked-calendar td {
  position: unset; }
  body table.booked-calendar td > span {
    position: relative;
    z-index: 1; }

body .booked-modal .bm-window .booked-scrollable {
  -webkit-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

body div.booked-calendar-wrap div.booked-calendar {
  border-radius: 0;
  padding: 0 15px; }
  body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col {
    text-align: center;
    padding: 0 0 2.2em 0; }
    body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .monthName {
      font-size: 3.125rem;
      line-height: 1.1em;
      letter-spacing: 0.025em;
      text-transform: uppercase;
      height: auto; }
      body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .monthName a {
        font-size: 14px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em; }
  body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col {
    font-size: 1.56rem !important;
    line-height: 1.2em !important;
    letter-spacing: 0.025em !important;
    padding: 0.8rem 0 1em;
    font-weight: 500; }
  body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col {
    border: 0; }
    body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right,
    body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left {
      font-size: 5rem !important;
      line-height: 1em !important;
      margin-top: -3.6rem !important; }
      body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right i,
      body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left i {
        font-family: "fontello" !important;
        font-weight: 400; }
    body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right {
      right: 0 !important; }
      body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right i:before {
        content: '\E96E' !important; }
    body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left {
      left: 0 !important; }
      body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left i:before {
        content: '\E95A' !important; }
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row:not(:last-child) {
    border-bottom: 15px solid #252525; }
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:not(:last-child) {
    border-right: 15px solid #252525; }
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span {
    -webkit-box-shadow: none;
    box-shadow: none; }
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date span.number {
    position: absolute;
    top: 25px;
    left: 13px;
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 0; }
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock .bc-col {
    padding: 0; }
  body div.booked-calendar-wrap div.booked-calendar .booked-appt-list {
    border-radius: 0; }
    body div.booked-calendar-wrap div.booked-calendar .booked-appt-list .timeslot {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      body div.booked-calendar-wrap div.booked-calendar .booked-appt-list .timeslot .timeslot-people {
        padding: 5px 0; }

body #booked-profile-page input[type=submit], body #booked-profile-page button, body .booked-list-view input[type=submit], body .booked-list-view button, body .booked-calendar input[type=submit], body .booked-calendar button, body .booked-modal input[type=submit], body .booked-modal button {
  border-radius: 0; }
