/*   #bfbfbd   */
/*   #fa7819   */

.flexbox .site-content {
    background-color: #fff;
}

h2 {
    color: #fff !important;
}

h3 {
    color: #fff !important;
}

p {
    color: #777;
}

b a {
    color: #c1bfbe !important;
}


:-moz-selection { 
    color: #c1bfbe; 
    background: #c1bfbe; 
    text-shadow: none; 
}

::selection { 
    color: #c1bfbe; 
    background: #c1bfbe; 
    text-shadow: none; 
}

/* Header */
.site-header {
    background-color: #c1bfbe ;
    background-image: none !important;
}

.site-header__arrow {
    background-color: #dc7831;
}

.site-header__text em {
    color: #fff;
}

.mb-md-2, .my-md-2 {
    color: #fff;
}


/* Logo */
.site-header__title a {
    background-image: url( ../img/otv_ak_blanc.png ) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: -6px !important;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline-block !important;
    color: #fff;
    font-weight: 300;
    padding-top: 1.4rem;
}

em {
    color: #777;
}

/* .clinic-logo-img {
    background-image: url( ../img/ak_logo.png ) !important;
} */


/* Nav */
.nav-lang__current-language{
    color: #fff;
}

.nav-lang .dropdown__caret {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.site-login__link span {
    color: #fff;
}

.icon--2x {
    color: #fff;
}

.site-login__link span {
    color: #fff;
}


/* Sternchen */
.page-sms-verification label sup {
    color: #dc7831;
}

.formrow .label.required:after {
    color: #dc7831;
}


/* Cookies */
.privacy-notice__content p {
    color: #fff !important;
}


/* Button Start */
.btn.btn--pulse.btn--primary {
    color: #fff !important;
    background-color: #dc7831 !important;
    border-color: #dc7831 !important;
    border-radius: 40px;
}

.btn:hover {
    color: #fff !important;
    background-color: #dc7831 !important;
    border-color: #dc7831 !important;
}

.btn--pulse {
    box-shadow: 0 0 0 0 #fff;
}


/* Buttons allg. */
.btn {
    background-color: #fff !important;
    color: #dc7831 !important;
    border-color: #dc7831 !important;
    border-width: 2px;
    border-radius: 40px;
}

.btn:focus {
    box-shadow: 0 0 0 1px #f4d6c1;
    color: #dc7831;
    border-color: #dc7831;
    background-color: #fff;
}


/* Buttons */
.page-appointment-steps .one-place-label {
    border-radius: 40px;
    color: #dc7831;
    border-color: #dc7831;
}

#otv-1 input.radio:not([name=appointment])+label {
    border-radius: 40px;
}

#otv-1 input.radio:not([name=appointment])+label:hover, 
#otv-1 input.radio:not([name=appointment]):checked+label, 
#otv-1 input.radio:not([name=appointment]):focus+label {
    color: #dc7831;
    border-color: #dc7831;
}

.formfield, select {
    /* border-color: #c1bfbe; */
    border-radius: 40px;
}

#otv-1 select:focus {
    border-color: #dc7831;
    border-radius: 40px;
}

select{
    /* color: #dc7831; */
    /* border-color: #dc7831; */
    border-radius: 40px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 249.5 145.5"><path d="M249.5,20.8a7.9,7.9,0,0,1-2.5,5.8L130.5,143a7.9,7.9,0,0,1-11.5,0L2.5,26.5A7.9,7.9,0,0,1,2.5,15L15,2.5a7.9,7.9,0,0,1,11.5,0l98.3,98.3L223,2.5a7.9,7.9,0,0,1,11.5,0L247,15A7.9,7.9,0,0,1,249.5,20.8Z" fill="%23dc7831" /></svg>');
}

select:hover {
    color: #dc7831;
    border-color: #dc7831 !important;
    border-radius: 40px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 249.5 145.5"><path d="M249.5,20.8a7.9,7.9,0,0,1-2.5,5.8L130.5,143a7.9,7.9,0,0,1-11.5,0L2.5,26.5A7.9,7.9,0,0,1,2.5,15L15,2.5a7.9,7.9,0,0,1,11.5,0l98.3,98.3L223,2.5a7.9,7.9,0,0,1,11.5,0L247,15A7.9,7.9,0,0,1,249.5,20.8Z" fill="%23dc7831" /></svg>');
}

#otv-1 select:focus, #otv-1 select:hover {
    color: #dc7831;
    border-color: #dc7831;
    border-radius: 40px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 249.5 145.5"><path d="M249.5,20.8a7.9,7.9,0,0,1-2.5,5.8L130.5,143a7.9,7.9,0,0,1-11.5,0L2.5,26.5A7.9,7.9,0,0,1,2.5,15L15,2.5a7.9,7.9,0,0,1,11.5,0l98.3,98.3L223,2.5a7.9,7.9,0,0,1,11.5,0L247,15A7.9,7.9,0,0,1,249.5,20.8Z" fill="%23dc7831" /></svg>');
}

#otv-1 select option:checked {
    color: #dc7831;
}


/* Icons */
.form-row-control--success {
    border-color: #dc7831;
}

.form-row-control--success:after{
    border-bottom: 2px solid #dc7831;
    border-right: 2px solid #dc7831;
}

.form-row-control--error {
    border-color: #dc7831;
}

.form-req-validation input:required:valid+.check {
    border-bottom: 2px solid #dc7831;
    border-right: 2px solid #dc7831;
}


/* Felder */
.appointments-calendar-arrow {
    color: #dc7831;
}

.appointment-days-title {
    color: #dc7831;
}

.appointments-calendar-icon {
    color: #dc7831;
    background-color: #f4d6c1;
}

.appointment-label {
    color: #dc7831;
    background-color: #f4d6c1;
}

.appointment-label:hover {
    background-color: #dc7831;
    color: #fff;
}

input[name=appointment]:checked+label {
    color: #fff;
    background-color: #dc7831;
}

input[name=appointment]:checked+label::after {
    border: 1px solid #fff;
    background-color: #dc7831;
    box-shadow: inset 0 0 0 2px #f4d6c1;
}

.no-appointment {
    color: #dc7831;
    background-color: #f4d6c1;
}

.label.required+select:hover {
    border-color: #c1bfbe;
}

.label.required+.formfield:hover {
    border-color: #c1bfbe;
}

.label.required+.formfield:focus {
    border-color: #dc7831;
}

.formitem .formfield:focus {
    border-color: #dc7831;
}

.appointments-calendar-input input {
    border-radius: 40px;
}

::-moz-selection { 
    color:#dc7831; 
    background:#f4d6c1; 
    text-shadow: none; 
}
 
::selection { 
    color:#dc7831; 
    background:#f4d6c1; 
    text-shadow: none; 
}

/* Daypicker */
.picker__month, 
.picker__year {
    color: #dc7831;
}

.appointments-calendar-arrow span {
    color: #dc7831;
}

.picker__nav--prev:before {
    border-left-color: #dc7831;
    border-right-color: #dc7831;
}

.picker__nav--next:before {
    border-left-color: #dc7831;
}

.picker__nav--next:hover, 
.picker__nav--prev:hover {
    background-color: #f4d6c1;
}

.picker--focused .picker__day--selected, 
.picker__day--selected {
    background-color: #dc7831;
}

.picker__day--today {
    color: #c1bfbe;
    background-color: #fff;
    border-color: #c1bfbe;
}

.picker__day--today:before {
    border-top-color: #dc7831;
}

.picker__button--clear {
    color: #dc7831;
    background-color: #fff;
    border-color: #dc7831;
} 

.picker__button--clear:hover {
    color: #dc7831 !important;
    background-color: #fff !important;
    border-color: #dc7831;
}

.picker__button--close {
    color: #dc7831;
    background-color: #fff;
    border-color: #dc7831;
} 

.picker__button--close:hover {
    color: #dc7831;
    background-color: #fff;
    border-color: #dc7831;
}

.picker__button--today, 
.picker__button--today[disabled] {
    color: #dc7831;
    background-color: #fff;
    border-color: #dc7831;
}

.picker__button--clear:focus {
    outline: transparent solid 1px;
    box-shadow: 0 0 0 1px #c1bfbe;
    color: #c1bfbe;
    background-color: #fff;
    border-color: #c1bfbe;
}


/* Appointment-Info */
.appointment-info .col-icon {
    color: #dc7831;
    background-color: #f4d6c1;
}

.appointment-info .appointment-change-link {
    color: #dc7831;
}

.appointment-info .appointment-change-link>.icon {
    fill: #dc7831;  
}

.user-col-text {
    color: #fff;
}


/* SMS-Code */
input[type="text"] , #sms-code{
    outline: none;
    /* border: 2px solid #c1bfbe !important; */
    /* color: #c1bfbe; */
}


/* Booking-Step-Line */
.booking-steps .booking-step--done {
    background-color: #dc7831;
}

.booking-steps .booking-step--active {
    background-color: #dc7831 !important;
}

.col-4 .booking-step {
    background-color: #9f9f9f;
}


/* Noch kein Kundenkonto vorhanden */
.formfield:hover, select:hover {
    border-color: #dc7831;
}

.password-helper .password-helper__toggle-button {
    color: #dc7831;
}

.password-helper input[type=password]:hover+.password-helper__toggle-button {
    border-color: #dc7831;
}

.form-info {
    border: 2px solid #dc7831;
    color: #dc7831;
}

.custom-ticks label:hover span:before {
    border-color: #dc7831;
}

.custom-ticks input[type=checkbox]:checked+span:before {
    color: #dc7831;
    border-color: #dc7831;
}

.page--customer-edit .custom-tick-link a {
    text-decoration: underline;
    color: #dc7831;
}

.password-helper input[type=password]:active+.password-helper__toggle-button, 
.password-helper input[type=password]:focus+.password-helper__toggle-button, 
.password-helper input[type=password]:hover+.password-helper__toggle-button, 
.password-helper input[type=text]:active+.password-helper__toggle-button, 
.password-helper input[type=text]:focus+.password-helper__toggle-button, 
.password-helper input[type=text]:hover+.password-helper__toggle-button {
    border-color: #dc7831 !important;
}

.formfield:focus, select:focus {
    border-color: #dc7831;
}

body.user-is-tabbing :focus {
    outline: 1px solid #dc7831 !important;
    border-color: none !important;
}

body.user-is-tabbing :hover {
    border-color: 1px solid #dc7831 !important;
}

.label.required+select:focus {
    border-color: #dc7831 !important;
}

.form-notice--success {
    background-color: #dc7831;
}

.form-notice--success:after {
    border-right: 0.8rem solid #dc7831 !important
}

.clinic-logo-img {
    width: 50px;
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.home .clinic-logo-img {
    top: 55px;
    width: 70px;
}

.page-section.row.py-sm-3 table * {
    border: none;
}

strong, b {
    font-weight: bolder !important;
}

.page-home table, .page-home td, .page-home th, .page-home table strong {
    border: none !important;
    padding: 0 !important;
    font-size: 10pt !important;
}

.appointment-info button[type="submit"] {
    color: white !important;
    background-color: #56b004 !important;
    border-color: #56b004 !important;
}

.appointment-info button[type="submit"]:hover {
    color: rgb(226, 226, 226) !important;
    background-color: #479200 !important;
    border-color: #56b004 !important;
}

#otv-1 input.radio:not([name=appointment]) + label img {
    width: auto !important;
}