/* GENERAL CSS*/
body .ui-datepicker .ui-widget-header {

    background: #AA042E;

}
body .ui-datepicker .ui-slider-handle {
    border-color: #AA042E;
    background-color: #AA042E;
}
body .ui-widget.ui-widget-content {
    border: 1px solid #AA042E;
    padding: 0;
}
body .ui-datepicker th {
    background: #AA042E;
    color: #FFF;
}
body .ui-datepicker .ui-datepicker-prev-hover {
    background: #DA1143;
    border-color: #DA1143;
}

body .ui-datepicker .ui-datepicker-next-hover {
    background: #DA1143;
    border-color: #DA1143;
}
html body .ui-datepicker td a.ui-state-active {
    background: #DA1143 !important;
}

body .ui-datepicker td a.ui-state-highlight {
    background: #9E2D49 !important;
}

#select-language.active {
    box-shadow: 0 0 20px #9E2D49;
}
.label-success {
    background-color: #9E2D49;
}
.btn-primary:hover, .btn-primary:active:hover{
    background: #DA1143 !important;

}

.btn-primary{
    background: #AA042E !important;
}
body .ui-datepicker td a,
body .ui-datepicker td span {
    color: #9E2D49 !important;
}

body .ui-draggable .ui-dialog-titlebar {
    background: #AA042E;
    color: #FFF;
    border-bottom: 4px solid #c0f1d6;

}
/*FRONTED CSS*/
#book-appointment-wizard #header {
    background: #AA042E;


}
#book-appointment-wizard #header #universityLogo{
    width:250px; /*width of your image*/
    height:51px; /*height of your image*/
    background-image:url(https://www.appointments-demo.swiss4ward.com/assets/img/university-of-basel-logo.png);
    float: left;
    margin-top: 10px;
}
#book-appointment-wizard #company-name {
	display: none;
}
#book-appointment-wizard .book-step {
    border: 3px solid #2d373c;
}

#book-appointment-wizard .book-step strong {
    color: #2d373c;
}
body {
    background-color: #e6e2da;
}
#book-appointment-wizard #available-hours .selected-hour {
    color: #AA042E;

}
#book-appointment-wizard #available-hours .available-hour:hover {
    background-color: rgb(134, 23, 51);

}
a{
    color: #9E2D49;
}
a:hover {
    color: rgb(146, 33, 61);
}

/*BACKEND .CSS*/
.backendBody{
    background-color: #FFFFFF;
}

#header {
    background-color: #AA042E;
    border-bottom: 4px solid #AA042E;
}
#header #header-menu .menu-item:hover:not(.active) {
    background-color: #FFFFFF;
    color: #000000;
}

#header #header-menu .active {
    color: #C5FFD6;
    background: #898888;
}
/*#header #header-logo {
    widows: 77px;
    height: 12
}*/