.vbo-stepbar li {
    width: 33%;
}

.span6, .timeslots, .divtimeslots {
  padding: 5px !important;
margin: 1px !important;
}

.timeslots, .divtimeslots {
  background-color: #0075c9!important;  
}

.btn-gray {
color: #d6d6d6!important;
}




.last_invite {
text-align: center;
}

.zahl_invite {
position: relative;
bottom: -20px;
left: 25px;
background-color: red;
color: #fff;
border-radius: 10px;
width: 20px;
text-align: center;
font-size: smaller;
font-weight: 800;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.52);
}


.icon_no_termin
{
  -webkit-filter: grayscale(1); 
  filter: grayscale(1); 
}


.icon_termin:hover {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}


.icon_termin, .icon_no_termin {
width: 40px;
margin-left: auto;
margin-right: auto;
}



.td_data {
padding: 10px!important;
}


.input[type="button"]{
background-color: black!important;
}


.timeslots {
  margin: 0px!important;
}


.btn:hover {
  background-color: #c6c6c6!important;
}








.OS_beschreibung {
  margin: 10px;
  padding-bottom: 50px;
}

.div_service_name {
font-weight: 700;
font-size: 15px;
padding-top: 4px;
padding-left: 10px;
padding-bottom: 4px;
}

.sb_images {
width: 100%;
height: 200px;
overflow: hidden;
}

.sb_float {
  float: left;
width: 300px;
margin: 5px;
background-color: lightgray;
padding: 5px;
}


div.span12 {
padding: 5px 0px!important;
}

.tab-content {
overflow: visible!important;
}


#deine_terminwahl {
  border-bottom: 1px solid #000;
 
}






.osbtdheader {
background: #0075c9!important;
height: unset;
padding: 10px;
font-weight: 700;
text-transform: none;
color: #fff!important;
text-align: center;
}


#Status {
  text-align: left!important;
}

.JD_loginform_header, .JD_bookingform_header {
margin-bottom: 10px;
}


.jd_login:hover {
  background-color: #006cb9;
}


.jd_login {
background-color: #0075c9;
text-align: center;
color: #fff;
padding: 10px;
cursor: pointer;
margin-bottom: 5px;
}


.employee-email-td {
font-weight: 300!important;
color: #fff!important;
}


.sub_header {
background-color: #0075c9;
color: #fff;
font-weight: 300!important;
}




.JD_date_booking {
text-align: center;
background-color: #0075c9;
color: #fff;
padding: 5px;
margin-bottom: 5px;
}

.JD_service_header {
  text-align: left;
}
.boldtext {
font-weight: normal!important;
font-size: 14px!important;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
 {
width: 100%!important;
margin-bottom: 5px!important;
margin-left: 5px!important;
}

input[type="checkbox"] {
margin-right: 5px!important;
margin-bottom: 7px!important;
margin-left: 5px!important;
}


.bookingformdiv {
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;
border: 0px solid #CCC!important;

}



.input-large {
width: 100% !important;
margin-bottom: 10px!important;
}


.btn, .btn:hover {
font-family: -apple-system!important;
font-size: 12px!important;
}

.span12, .span12:hover {
text-align: left!important;

}