@import url("//fonts.googleapis.com/css?family=Lato:300,400,700,900");
.cb-onlinebooking * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.cb-onlinebooking .cb-header img,
.cb-onlinebooking .cb-filters img,
.cb-onlinebooking .cb-week-times img,
.cb-onlinebooking .cb-modal img {
border: 0;
max-width: 100% !important;
page-break-inside: avoid;
vertical-align: middle;
}
.cb-onlinebooking a,
.cb-onlinebooking button {
outline: 0;
}
.cb-onlinebooking button::-moz-focus-inner {
border: 0;
}
.cb-onlinebooking {
color: #333;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
height: 100%;
left: 0;
line-height: 1.42857143;
min-width: 790px;
overflow: auto;
position: absolute;
top: 0;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.cb-onlinebooking > .cb-content {
display: none;
}
.cb-onlinebooking > .cb-loader {
margin: 150px auto 0 auto;
text-align: center;
width: 300px;
}
.cb-onlinebooking .cb-progress {
background-color: #f5f5f5;
height: 20px;
margin-bottom: 20px;
overflow: hidden;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.cb-onlinebooking .cb-progress-bar {
background-color: #428bca;
height: 100%;
line-height: 20px;
width: 10%;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
-webkit-animation: cb-progress-bar-stripes 2s linear infinite;
-o-animation: cb-progress-bar-stripes 2s linear infinite;
animation: cb-progress-bar-stripes 2s linear infinite;
}
@keyframes cb-progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes cb-progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes cb-progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.cb-onlinebooking .cb-error {
margin: 150px auto 0 auto;
width: 300px;
}
.cb-onlinebooking .cb-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1170px;
}
.cb-onlinebooking > .cb-content > .cb-header {
background-color: #f8f8f8;
border-bottom: 1px solid #e7e7e7;
min-height: 51px;
}
.cb-onlinebooking > .cb-content > .cb-header > .cb-container {
position: relative;
}
.cb-onlinebooking > .cb-content > .cb-header .cb-header-logo {
float: left;
height: 50px;
margin-right: 20px;
}
.cb-onlinebooking > .cb-content > .cb-header .cb-header-name {
font-size: 24px;
font-weight: 300;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cb-onlinebooking > .cb-content > .cb-contact-us {
border-top: 5px solid #76a7fa;
margin-top: 20px;
}
.cb-onlinebooking > .cb-content > .cb-contact-us .cb-contact-us-form {
margin-top: 10px;
max-width: 600px;
position: relative;
}
.cb-onlinebooking > .cb-content > .cb-contact-us .cb-contact-us-form > .cb-contact-us-submit {
margin-top: 10px;
}
.cb-onlinebooking > .cb-content > .cb-contact-us .cb-contact-us-form > .cb-callout {
border-color: #ddd #ddd #ddd #34d164;
border-radius: 3px;
box-shadow: none;
font-weight: 700;
margin: 10px 0;
padding: 7px 15px;
}
.cb-onlinebooking > .cb-content > .cb-contact-us .cb-contact-us-form > .cb-modal-loader {
background-position: center 10px;
bottom: -3px;
left: -3px;
right: -3px;
top: -3px;
}
.cb-onlinebooking > .cb-content > .cb-footer {
background-color: #f8f8f8;
border-bottom: 1px solid #eee;
border-top: 5px solid #76a7fa;
margin-top: 20px;
padding-bottom: 10px;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-reception {
display: inline-block;
width: 50%;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-reception > .cb-reception-name {
font-size: 20px;
font-weight: 400;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-reception > .cb-reception-details {
font-size: 18px;
font-weight: 300;
line-height: 26px;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-footer-map {
display: inline-block;
text-align: right;
vertical-align: top;
width: 50%;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-footer-map > img {
border: 1px solid #ccc;
box-sizing: content-box;
max-height: 200px;
max-width: 100%;
vertical-align: middle;
}
.cb-onlinebooking > .cb-content > .cb-footer a {
color: #0f85d1;
text-decoration: none;
}
.cb-onlinebooking > .cb-content > .cb-footer a:hover {
text-decoration: underline;
}
.cb-onlinebooking > .cb-content .cb-filters {
border-bottom: 1px solid #eee;
margin-top: 10px;
padding: 5px 0 15px 0;
}
.cb-onlinebooking .cb-filter {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
color: #333;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin-right: 10px;
padding: 6px 12px;
text-align: left;
white-space: nowrap;
width: 241px;
-webkit-appearance: button;
-webkit-box-shadow: inset 0 3px 5px #bdc3c7;
box-shadow: inset 0 0 1px #bdc3c7;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cb-onlinebooking .cb-filter:last-child {
margin-right: 0;
}
.cb-onlinebooking .cb-filter:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.cb-onlinebooking .cb-filter.cb-filter-disabled {
background-color: #fff;
border-color: #ccc;
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
pointer-events: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.cb-onlinebooking .cb-filter:active,
.cb-onlinebooking .cb-filter.cb-filter-active {
background-color: #ebebeb;
border-color: #adadad;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.cb-onlinebooking .cb-filter:focus,
.cb-onlinebooking .cb-filter:active:focus,
.cb-onlinebooking .cb-filter.cb-filter-active:focus {
outline: 0;
}
.cb-onlinebooking .cb-filter > .cb-filter-name {
color: #95a5a6;
font-size: 11px;
margin-right: 5px;
}
.cb-onlinebooking .cb-filter > .cb-filter-value {
color: #616464;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
width: 150px;
}
.cb-onlinebooking .cb-caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.cb-onlinebooking .cb-filter.cb-filter-active > .cb-caret {
border-bottom: 4px solid;
border-top: 0;
}
.cb-onlinebooking .cb-popover {
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
display: none;
left: 0;
margin-top: 10px; padding: 1px;
position: relative;
text-align: left;
top: 0;
white-space: normal;
z-index: 1060;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.cb-onlinebooking .cb-popover-content {
padding: 9px 14px;
}
.cb-onlinebooking .cb-popover > .cb-arrow,
.cb-onlinebooking .cb-popover > .cb-arrow:after {
border-color: transparent;
border-style: solid;
display: block;
height: 0;
position: absolute;
width: 0;
}
.cb-onlinebooking .cb-popover > .cb-arrow {
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
border-width: 11px;
border-top-width: 0;
left: 50%;
margin-left: -11px;
top: -11px;
}
.cb-onlinebooking .cb-popover > .cb-arrow:after {
border-bottom-color: #fff;
border-width: 10px;
border-top-width: 0;
content: " ";
margin-left: -10px;  
top: 1px;
}
.cb-onlinebooking .cb-location {
display: block;
padding: 5px;
}
.cb-onlinebooking .cb-location:hover {
background-color: #f8f8f8;
border-radius: 3px;
cursor: pointer;
}
.cb-onlinebooking .cb-location.cb-location-selected {
font-weight: 700;
}
.cb-onlinebooking .cb-location-data {
color: #454646;
display: inline-block;
vertical-align: middle;
}
.cb-onlinebooking .cb-location-data > span.cb-location-details {
color: #999;
font-size: 14px;
font-weight: 300;
}
.cb-onlinebooking .cb-checkbox {
background-color: #d2d2d2;
border-radius: 3px;
display: inline-block;
height: 14px;
margin-right: 10px;
vertical-align: middle;
width: 14px;
}
.cb-onlinebooking .cb-location.cb-location-selected > .cb-checkbox {
background-color: #484b4d;
}
.cb-onlinebooking .cb-go-to-activity-group {
font-size: 10px!important;
margin-top: 3px;
}
.cb-onlinebooking .cb-activity-group {
margin-top: 15px;
}
.cb-onlinebooking .cb-activity-group:first-child {
margin-top: 0;
}
.cb-onlinebooking .cb-activity-group > .cb-title {
color: #8d8d8d;
font-size: 15px;
margin-bottom: 5px;
}
.cb-onlinebooking .cb-activity {
border: 1px solid #e7e7e7;
display: inline-block;
margin: 5px 1%;
min-height: 50px;
padding: 5px 10px;
position: relative;
vertical-align: top;
width: 31.33%;
}
.cb-onlinebooking .cb-activity:hover {
background-color: #f8f8f8;
}
.cb-onlinebooking .cb-activity > .cb-title {
color: #767676;
font-size: 14px;
margin-right: 80px;
word-wrap: break-word;
}
.cb-onlinebooking .cb-activity > .cb-details {
color: #939393;
font-size: 13px;
}
.cb-onlinebooking .cb-activity > .cb-details > a {
color: #3498db;
margin-left: 5px;
text-decoration: none;
}
.cb-onlinebooking .cb-activity > .cb-details > a:hover {
text-decoration: underline;
}
.cb-onlinebooking .cb-btn {
border: 1px solid transparent;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 700;
padding: 8px 10px;
text-decoration: none;
text-transform: uppercase;
-webkit-appearance: none;
}
.cb-onlinebooking .cb-btn-blue {
background-color: #3498db;
}
.cb-onlinebooking .cb-btn-blue:hover {
background-color: #0f85d1;
}
.cb-onlinebooking .cb-btn-white {
background-color: #fff;
border: 1px solid #ccc;
color: #333;
}
.cb-onlinebooking .cb-btn-white:hover {
background-color: #e6e6e6;
border: 1px solid #adadad;
}
.cb-onlinebooking .cb-btn-green {
background-color: #34d164;
}
.cb-onlinebooking .cb-btn-green:hover {
background-color: #33CC62;
}
.cb-onlinebooking .cb-btn-red {
background-color: #d9534f;
}
.cb-onlinebooking .cb-btn-red:hover {
background-color: #c9302c;
}
.cb-onlinebooking .cb-btn-disabled {
cursor: default;
filter: alpha(opacity=65);
opacity: 0.65;
pointer-events: none;
}
.cb-onlinebooking .cb-btn-red.cb-btn-disabled :hover {
background-color: #d9534f;
}
.cb-onlinebooking .cb-btn-mini {
font-size: 10px;
padding: 3px 10px 4px 10px;
}
.cb-onlinebooking .cb-activity > a.cb-btn {
margin-top: -17px;
position: absolute;
right: 10px;
top: 50%;
}
.cb-onlinebooking .cb-activity.cb-activity-selected {
background-color: #f8f8f8;
}
.cb-onlinebooking .cb-activity.cb-activity-selected > .cb-title {
font-weight: 700;
}
.cb-onlinebooking .cb-activity.cb-activity-selected > a.cb-btn {
background-color: #bdc3c7;
cursor: default;
}
.cb-onlinebooking .cb-provider {
border-bottom: 1px solid #ccc;
color: #454646;
display: inline-block;
padding: 5px 0;
position: relative;
text-decoration: none;
vertical-align: top;
width: 33.33%
}
.cb-onlinebooking .cb-provider:first-child {
width: 100%;
}
.cb-onlinebooking .cb-provider:hover {
background-color: #f8f8f8;
cursor: pointer;
}
.cb-onlinebooking .cb-provider > .cb-btn {
background-color: #bdc3c7;
position: absolute;
right: 5px;
top: 15px;
}
.cb-onlinebooking .cb-provider.cb-provider-selected {
font-weight: 700;
background-color: #f8f8f8;
}
.cb-onlinebooking .cb-provider img {
border-radius: 50%;
float: left;
height: 48px;
vertical-align: top;
width: 48px;
}
.cb-onlinebooking .cb-provider > .cb-provider-data {
margin: 3px 0 0 53px;
}
.cb-onlinebooking .cb-provider > .cb-provider-data.cb-no-details {
margin-top: 12px;
}
.cb-onlinebooking .cb-provider > .cb-provider-data > .cb-title {
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cb-onlinebooking .cb-provider.cb-provider-selected > .cb-provider-data > .cb-title,
.cb-onlinebooking .cb-provider.cb-provider-selected > .cb-provider-data > .cb-details {
margin-right: 100px;
}
.cb-onlinebooking .cb-provider > .cb-provider-data > .cb-details {
color: #999;
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cb-onlinebooking .cb-week-times {
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}
.cb-onlinebooking .cb-week-times > .cb-overlay {
background-color: rgba(0, 0, 0, 0.05);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1050;
}
.cb-onlinebooking .cb-week-times > .cb-overlay > .cb-progress-bar {
height: 5px;
width: 100%;
}
.cb-onlinebooking .cb-week-times.cb-no-data-ready {
filter: alpha(opacity=25);
opacity: 0.25;
}
.cb-onlinebooking .cb-week-times.cb-no-data-ready > .cb-overlay {
background-color: transparent;
}
.cb-onlinebooking .cb-week-times.cb-no-data-ready > .cb-overlay > .cb-progress-bar {
display: none;
}
.cb-onlinebooking .cb-week-times.cb-no-data-ready > .cb-note {
background-color: #fff;
bottom: 10px;
color: #333;
font-size: 20px;
font-weight: 300;
height: 52px;
left: -1px;
line-height: 52px;
position: absolute;
right: 0;
text-align: center;
}
.cb-onlinebooking .cb-week-selector {
padding-top: 10px;
text-align: center;
}
.cb-onlinebooking .cb-week-selector > .cb-week-details {
display: inline-block;
font-weight: 300;
vertical-align: middle;
}
.cb-onlinebooking .cb-week-selector > .cb-week-details > .cb-week-number {
font-size: 24px;
margin: 0 50px;
}
.cb-onlinebooking .cb-week-selector > .cb-week-details > .cb-week-name {
color: #999;
}
.cb-onlinebooking .cb-times {
margin-top: 20px;
}
.cb-onlinebooking .cb-times > .cb-table {
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col {
border: 1px solid #d7d5d5;
display: table-cell;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-head {
background-color: #fcfcfc;
border-bottom: 1px solid #d7d5d5;
color: #999;
font-size: 12px;
font-weight: 400;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-body {
background-color: #fff;
padding: 9px;
text-align: center;
vertical-align: top;
}
.cb-onlinebooking .cb-week-times.cb-no-data-ready > .cb-times > .cb-table > .cb-col > .cb-col-body {
padding: 25px 10px;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-head > .cb-day {
color: #555;
display: inline-block;
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-right: 5px;
vertical-align: bottom;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-head > .cb-day-name {
display: inline-block;
line-height: 13px;
text-align: left;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-head > .cb-day-name > .cb-day-month {
font-weight: 700;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col.cb-today {
border-color: rgba(52, 152, 219, 0.5);
border-style: solid;
border-width: 1px 2px 2px;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col.cb-today > .cb-col-head {
background-color: rgba(52, 152, 219, 0.1);
border-color: rgba(52, 152, 219, 0.5);
border-style: solid;
border-width: 2px 0;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col.cb-today > .cb-col-head > .cb-day-name {
color: #000;
font-weight: 700;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col.cb-today > .cb-col-head > .cb-day,
.cb-onlinebooking .cb-times > .cb-table > .cb-col.cb-today > .cb-col-head > .cb-day-name > .cb-day-month {
color: #000;
font-weight: 900;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col.cb-today > .cb-col-head > .cb-day {
font-size: 30px;
}
.cb-onlinebooking .cb-available-time,
.cb-onlinebooking .cb-no-available-times  {
background-color: #3498db;
border-radius: 3px;
color: #fff;
display: block;
font-weight: 300;
margin-bottom: 10px;
padding: 10px;
text-decoration: none;
word-wrap: break-word;
}
.cb-onlinebooking .cb-available-time:last-child {
margin-bottom: 0;
}
.cb-onlinebooking .cb-available-time:hover {
background-color: #0f85d1;
}
.cb-onlinebooking .cb-available-time > .cb-time {
font-weight: 700;
}
.cb-onlinebooking .cb-available-time.cb-not-bookable {
background-color: #888;
}
.cb-onlinebooking .cb-available-time.cb-not-bookable:hover {
background-color: #888;
cursor: default;
}
.cb-onlinebooking .cb-available-time > .cb-group-name {
border-top: 1px solid #eee;
margin-top: 5px;
padding-top: 2px;
}
.cb-onlinebooking .cb-available-time.cb-available-time-disabled {
cursor: default;
pointer-events: none;
}
.cb-onlinebooking .cb-no-available-times {
background-color: #bdc3c7;
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
min-height: 40px;
padding-top: 12px;
text-transform: uppercase;
}
.cb-onlinebooking .cb-notification-bar {
display: none;
left: 0;
right: 0;
opacity: 0;
position: fixed;
text-align: center;
top: 0;
z-index: 1090;
}
.cb-onlinebooking .cb-notification-bar.cb-notification-bar-shown {
display: block;
opacity: 1;
transition: opacity 0.218s ease 0s;
}
.cb-onlinebooking .cb-notification {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
color: #222;
display: inline-block;
font-size: 13px;
padding: 10px 30px;
text-align: center;
}
.cb-onlinebooking .cb-notification {
background-color: #f9edbe;
border: 1px solid #f0c36d;
}
.cb-onlinebooking .cb-modal {
background-color: rgba(0, 0, 0, 0.33);
bottom: 0;
display: none;
left: 0;
outline: 0 none;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1080;
}
.cb-onlinebooking.cb-modal-open {
overflow: hidden;
}
.cb-onlinebooking.cb-modal-open .cb-modal {
display: block;
overflow-x: hidden;
overflow-y: auto;
}
.cb-onlinebooking .cb-modal .cb-modal-content {
background-color: #fff;
border: 1px solid #666666;
border-radius: 3px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
margin: 30px auto;
padding: 0 15px 15px;
position: relative;
transform: translate3d(0px, -25%, 0px);
transition: transform 0.3s ease-out 0s;
width: 400px;
}
.cb-onlinebooking .cb-modal.cb-in .cb-modal-content {
transform: translate3d(0px, 0px, 0px);
}
.cb-onlinebooking .cb-modal-loader {
background: url(//ogonlocksakademin.se/wp-content/themes/ogonlocksakademin/static/lib/img/loading.gif) no-repeat scroll center 18px rgba(0, 0, 0, 0.03);
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cb-onlinebooking .cb-modal-header {
text-align: right;
}
.cb-onlinebooking a.cb-close {
color: #555;
font-size: 30px;
text-decoration: none;
}
.cb-onlinebooking .cb-error h2,
.cb-onlinebooking .cb-modal-body h2 {
border-bottom: 1px solid #ccc;
color: #555;
font-size: 22px;
font-weight: 300;
padding-bottom: 10px;
text-align: center;
}
.cb-onlinebooking .cb-user-photo {
border-radius: 50%;
display: block;
height: 128px;
margin: 15px auto 0;
width: 128px;
}
.cb-onlinebooking input[type="text"],
.cb-onlinebooking textarea,
.cb-onlinebooking select {
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 3px;
border-top: 1px solid #c0c0c0;
box-sizing: border-box;
font-family: 'Lato', sans-serif;
font-size: 16px;
height: 36px;
margin: 0;
padding: 0 8px;
width: 100%;
-webkit-appearance: none;
}
.cb-onlinebooking textarea {
height: 105px;
padding-top: 5px;
resize: none;
}
.cb-onlinebooking select {
padding-left: 4px;
-webkit-appearance: menulist;
}
.cb-onlinebooking input[type="text"]:hover,
.cb-onlinebooking textarea:hover,
.cb-onlinebooking select:hover {
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.cb-onlinebooking input[type="text"]:focus,
.cb-onlinebooking textarea:focus,
.cb-onlinebooking select:focus {
border: 1px solid #4D90FE;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
outline: medium none;
}
.cb-onlinebooking input[type="text"]:disabled,
.cb-onlinebooking textarea:disabled,
.cb-onlinebooking select:disabled {
background: #f5f5f5;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
box-shadow: none;
}
.cb-onlinebooking input[type="checkbox"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.cb-onlinebooking input[type="checkbox"] + label {
background-image: url(//ogonlocksakademin.se/wp-content/themes/ogonlocksakademin/static/lib/img/checkbox.png);
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 18px; 
line-height: 18px;
padding-left: 25px;
vertical-align: middle;
}
.cb-onlinebooking input[type=checkbox]:checked + label {
background-position: 0 -20px;
}
.cb-onlinebooking .cb-sign-in,
.cb-onlinebooking .cb-sign-up {
margin-top: 10px;
width: 100%;
}
.cb-onlinebooking .cb-input-group {
margin-top: 10px;
}
.cb-onlinebooking .cb-input-label {
color: #666666;
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 7px;
}
.cb-onlinebooking .cb-input-error {
color: #dd4b39;
display: none;
margin-top: 7px;
}
.cb-onlinebooking .cb-input-required-error {
border: 1px solid #dd4b39 !important;
}
.cb-onlinebooking input[type="checkbox"].cb-input-required-error + label {
color: #dd4b39;
}
.cb-onlinebooking .cb-callout {
border-color: #eee;
border-style: solid;
border-width: 1px 1px 1px 5px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 20px 0;
padding: 10px 20px;
width: 100%;
}
.cb-onlinebooking .cb-callout-info {
border-left-color: #3498db;
}
.cb-onlinebooking .cb-callout-success {
border-left-color: #34d164;
}
.cb-onlinebooking .cb-callout-error {
border-left-color: #dd3d36;
}
.cb-onlinebooking .cb-booking-information > table td {
padding-bottom: 10px;
vertical-align: top;
}
.cb-onlinebooking .cb-booking-information > table tr.user-email > td {
border-top: 1px dotted #eee;
padding-top: 10px;
}
.cb-onlinebooking .cb-booking-information > table tr:last-child td {
padding-bottom: 0;
}
.cb-onlinebooking .cb-booking-information > table td.cb-label {
font-weight: 700;
padding-right: 10px;
text-align: right;
width: 100px;
}
.cb-onlinebooking .cb-booking-information > .cb-act {
text-align: right;
}
.cb-onlinebooking .cb-booking-information > .cb-done {
display: none;
text-align: right;
}
.cb-onlinebooking .cb-booking-information > .cb-done > .cb-auto-close-modal-note {
float: left;
font-size: 12px;
line-height: 31px;
}
.cb-onlinebooking .cb-modal-body-content {
display: none;
}
.cb-onlinebooking .cb-error > .cb-error-description {
margin-top: 15px;
text-align: center;
}
.cb-onlinebooking .cb-singed-in-name {
color: #666666;
font-size: 18px;
font-weight: 700;
margin-top: 10px;
text-align: center;
}
.cb-onlinebooking .cb-singed-in-not-you {
color: #999;
margin-top: 5px;
text-align: center;
}
.cb-onlinebooking .cb-singed-in-not-you > a {
color: #0f85d1;
text-decoration: none;
}
.cb-onlinebooking .cb-singed-in-not-you > a:hover {
text-decoration: underline;
}
.cb-onlinebooking .cb-btn-signed-in-continue {
display: block;
margin: 25px auto 0;
text-align: center;
width: 125px;
}
.cb-onlinebooking .cb-booking-status {
display: none;
}
.cb-onlinebooking .cb-booked-times-count > span {
background-color: #3498db;
border-radius: 3px;
color: #fff;
margin-left: 5px;
padding: 0 5px;
}
.cb-onlinebooking ul.cb-booked-times {
list-style: none outside none;
}
.cb-onlinebooking ul.cb-booked-times > li.cb-no-booked-times {
color: #666666;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.cb-onlinebooking .cb-bookings {
margin-top: 0;
top: 10px;
position: absolute;
right: 14px;
}
.cb-onlinebooking .cb-bookings > .cb-popover {
display: block;
left: auto;
position: absolute;
right: 0;
top: 30px;
width: 350px;
z-index: 1070;
}
.cb-onlinebooking .cb-bookings > .cb-popover > .cb-popover-content {
max-height: 480px;
overflow-y: auto;
}
.cb-onlinebooking .cb-booked-time {
color: #666666;
margin: 10px 0;
position: relative;
}
.cb-onlinebooking .cb-booked-time > .cb-b-time {
font-weight: 700;
}
.cb-onlinebooking .cb-booked-time > .cb-b-info {
font-size: 13px;
margin: 3px 0;
}
.cb-onlinebooking .cb-booked-time > .cb-b-info > span {
border-bottom: 1px dotted #ccc;
}
.cb-onlinebooking .cb-booked-time > .cb-cancel-time-note {
font-size: 11px;
font-style: italic;
}
.cb-onlinebooking .cb-booked-time > .cb-cancel-time-placeholder > .cb-b-error {
color: #dd4b39;
font-size: 11px;
}
.cb-onlinebooking .cb-street-view {
margin-top: 20px;
}
.cb-onlinebooking .cb-street-view-panorama {
border: 1px solid #ccc;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
display: table;
width: auto;
}
.cb-onlinebooking .cb-street-view-panorama img {
display: table-cell;
max-height: 300px;
max-width: 100%;
}
.cb-onlinebooking .cb-section-header {
border-bottom: 1px solid #eee;
font-size: 14px;
font-weight: 300;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 5px;
}
.cb-onlinebooking .cb-section-header > h2 {
font-size: 28px;
font-weight: 300;
}
.cb-onlinebooking .cb-section-header > div {
color: #999;
}
.cb-onlinebooking .cb-section-header > div  > b {
font-weight: 700;
}
@media only screen and (max-width: 789px) {
.cb-onlinebooking {
min-width: 100%;
}
.cb-onlinebooking .cb-error {
margin: 100px auto 0 auto;
width: 250px;
}
.cb-onlinebooking > .cb-content > .cb-header .cb-header-name {
font-size: 18px;
}
.cb-onlinebooking .cb-filters  .cb-popover > .cb-arrow {
display: none;
}
.cb-onlinebooking .cb-filter:first-child {
margin-top: 0;
}
.cb-onlinebooking .cb-filter {
display: block;
margin-top: 10px;
position: relative;
width: 100%;
}
.cb-onlinebooking .cb-filter > .cb-filter-value {
width: 78%;
}
.cb-onlinebooking .cb-filter > .cb-caret {
position: absolute;
right: 10px;
top: 15px;
}
.cb-onlinebooking .cb-location {
text-decoration: none;
}
.cb-onlinebooking .cb-location > .cb-checkbox {
float: left;
}
.cb-onlinebooking .cb-location > .cb-location-data {
display: block;
margin-left: 24px;
margin-top: -3px;
}
.cb-onlinebooking .cb-go-to-activity-group {
text-align: center;
width: 100%;
}
.cb-onlinebooking .cb-activity {
display: block;
width: 100%;
}
.cb-onlinebooking .cb-provider {
width: 100%;
}
.cb-onlinebooking .cb-week-times.cb-no-data-ready > .cb-note {
display: none;
}
.cb-onlinebooking .cb-times > .cb-table {
display: block;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col {
display: block;
margin-bottom: 15px;
}
.cb-onlinebooking .cb-modal .cb-modal-content {
margin: 10px auto;
width: 300px;
}
.cb-onlinebooking .cb-modal-body h2 {
font-size: 16px;
}
.cb-onlinebooking .cb-user-photo {
height: 96px;
width: 96px;
}
.cb-onlinebooking .cb-booking-information {
font-size: 12px;
}
.cb-onlinebooking .cb-booking-information > table td.cb-label {
width: 50px;
}
.cb-onlinebooking .cb-booking-information > .cb-done > .cb-auto-close-modal-note {
line-height: 15px;
text-align: left;
width: 80%;
}
.cb-onlinebooking .cb-bookings > .cb-popover {
width: 300px;
}
.cb-onlinebooking .cb-bookings > .cb-popover > .cb-arrow {
left: 275px !important;
}
.cb-onlinebooking .cb-notification-top {
margin-left: -150px;
width: 300px;
}
.cb-onlinebooking .cb-street-view-panorama img {
max-height: 150px;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-reception {
display: block;
width: 100%;
}
.cb-onlinebooking > .cb-content > .cb-footer .cb-footer-map {
display: block;
margin-top: 10px;
width: 100%;
}
}
@media only screen and (min-width: 790px) and (max-width: 840px) {
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-head > .cb-day {
display: block !important;
}
.cb-onlinebooking .cb-times > .cb-table > .cb-col > .cb-col-head > .cb-day-name {
text-align: center !important;
}
}