@font-face {
    font-family: "Beatrice";
    src: url("https://booking.epat.ch/fonts/beatrice/Beatrice-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "BeatriceSemiBold";
    src: url("https://booking.epat.ch/fonts/beatrice/Beatrice-Semibold.woff2")format("woff2");
}

html {
    font-family: "Beatrice",Arial,Helvetica,sans-serif;

}

/* Styling Coloring */
.client-header {
    text-align: center;
    top: 0;
    background-color: #004976;
    height: 120px;
    width: 100%;
    z-index: 1000;
    padding-top: 5px;
    box-shadow: 0 6px 3px rgba(0,0,0,0.2);
}

.services .service .blue-grey.white-text.card {
    background-color: #BD9860 !important;
}


.client-header .logo {
    height: 110px !important;
}

body {
    color: black !important;
}


.blue-grey.lighten-5 {
    background-color: #004976 !important
}

footer.page-footer .footer-copyright {
    overflow: hidden;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 10px 0px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0);
}

.footer-copyright .grey-text {
    color: white !important;
}


.grey-text.text-darken-2{
    color: #004976 !important;
}
.categories.tabs-vertical a {
    color: #004976 !important;
}

.categories.tabs-vertical .active {
    color: #929292 !important;
    border-right: 3px solid #929292;
}

.tabs .tab a.active {
    color: #929292 !important
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    color: #929292;
}


.grey-text.text-darken-1 {
    color: #004976 !important;
}

.provider{
    background-color: #004976;
    color: white;
}

.provider.teal.lighten-2.white-text.chip {
    background-color: #BD9860 !important;
}

.slot.teal.lighten-1.white-text {
    background-color: #004976 !important;
}

.selected.orange.white-text {
    background-color: #BD9860 !important;
}

.slottime-item.collection-item.selected {
    background-color: #BD9860 !important;
}

.chip.teal.lighten-1.white-text {
    background-color: #BD9860 !important;
}

#submit_booking {
    background-color: #929292 !important;
}


/* Styling Colors END */

/* Styling Leistungen */

.services.row .service .card {
    border-radius: 20px;
}


.services.row .service .blue-grey.white-text.card .card-content {
    background-color: #BD9860 !important;
    color: white !important;
    border-radius: 20px;
}
.services.row .service .blue-grey.white-text.card .card-content .card-title{
    background-color: #BD9860 !important;
    color: white !important;
    border-radius: 5px;
}
.services.row .service .blue-grey.white-text.card .card-action,
.services.row .service .card-action {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.services.row .service .card .card-content .card-title {
    color: #004976;
    font-family: "BeatriceSemiBold",Arial,Helvetica,sans-serif;
}

.service .card-content {
    color: #929292
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
    color: #a3bac3;
}


.services.row .service .blue-grey.white-text.card .card-action a{
    color: white !important;
}

.page-footer.blue-grey.lighten-5.text-darken-2.grey-text {
    color: white !important;
}

.white-text {
    color: white !important;
}

.row .col.s12.m6.calendar .tabs .tab a{
    color: #929292 !important;
    border-bottom-color: pink !important;
}

.tabs .indicator {
    background-color: #929292 !important;
}

.secondary-content span {
    color: #929292
}
.input-field {
    color: #929292 !important
}
.input-field label
{
    color: #004976
}

input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #929292;
}

.dropdown-content span {
    color: #929292 !important;
}