@font-face {
    font-family: Oxygen;
    src: url(Oxygen-Regular.ttf);
}
@font-face {
    font-family: Oxygen;
    src: url(Oxygen-Bold.ttf);
    font-weight: bold;
}

html, body {
    font-family: "Oxygen", "Lato", Helvetica, Roboto, Arial, sans-serif;
}

#top-layout {
	/*background-color: #5ebfcc;*/
    background-color: rgb(227, 16, 19);
	color: #FFF;
}
.page-main-header {
	color: rgb(227, 16, 19);
}
.test-version {
	background-color: #5ebfcc;
	color: #FFF;
}
.logo-image {
	max-height: 90px;
	max-width: 300px;
}
#center-layout {
        background: rgba(255,255,255,0.9) url(bg.jpg) repeat scroll 0% 0%;
        background-size: contain;
	background-blend-mode: lighten;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.menu-list, .page-description, .page-description-login {
    font-weight: bold;
}
.call-emergancy-warning {
	display: none;
}
.menu-list .menu-list-element {
    border: 1px solid #5ebfcc;
    margin: 10px 0;
    border-radius: 5px;
        background-color: #FFF;
        -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.05);
    -moz-box-shadow: 0 4px 10px rgba(0,0,0,.05);
    box-shadow: 0 4px 10px rgba(0,0,0,.05);
}

.my-button.blue {
    /*background-color: #108393;*/
    background-color: #3c6eb6;
}

.my-button.round {
    border-radius: 5px;
}

.page-inner {
	/*background-color: #d4eff080;*/
    background-color: rgb(255, 255, 255);
}

.login-view-content-wrapper {
    padding: 20px;
    background-color: rgb(87 89 90 / 11%);
    border-radius: 5px;
}

.login-field-header {
	/*color: #108393;*/
    color: rgb(227, 16, 19);
	font-weight: bold;
}

.login-view-inner {
    padding-top: 50px;
}

.menu-list .menu-list-separator {
	display: none!important;
}

.menu-list .menu-list-element {
	color: rgb(60, 110, 182);
	/*background-color: #108393;*/
    background-color: #FFF;
	border: 1px solid rgb(227, 16, 19);
	margin: 20px 0;
	box-shadow: 2px 2px 2px 0px rgba(187, 21, 24, 0.808);
}

.menu-list .menu-list-element-icon-left {
	/*border-top-left-radius: 5px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 5px;
    background-color: #ffffffbf;*/
	/*filter: brightness() invert(1);*/
	/*filter: brightness(100);*/
	background-size: 30px;
}

.menu-list-element .menu-list-element-icon-right {
	filter: brightness(0) invert(1);
}

.booking-card .menu-list-element-icon-right {
	filter: grayscale(100%);
}

.menu-list .menu-list-element:active {
	background-color: #108393;
	color: #CCC;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%);
}

.available-date .available-time, .available-time-with-cat .available-time-text, .available-date .available-time, .available-time-with-cat .available-time-cat-text {
    color: #FFF;
}

.logo-image-wrapper {
    margin-bottom: 50px;
}

.booking-card .booking-card-top-content {
    /*background: #4FBBC3;*/
    background: rgb(227, 16, 19);
}

.menu-list-element.symptom-choice .menu-list-element-text {
    padding-left: 20px;
}

.booking-card .booking-date-image {
    background: url(bilder/calendar.png) no-repeat left+10px center;
    background-size: 40px;
	filter: invert(1);
}

.my-bookings-menu-list .menu-list-element[menutype=customlink] .menu-list-element-icon-left {
	filter: #FFF;
}

.my-bookings-menu-list .menu-list-element[menutype=newbooking] .menu-list-element-icon-left {
    background-image: url(bilder/calendar.png);
	filter: #FFF;
}

.push-messages .menu-list-element-icon-left {
    background-image: url(bilder/chatt.png);
	filter: #FFF;
}

.push-history .menu-list-element-icon-left {
    background-image: url(bilder/history.png);
	filter: #FFF;
}

.booking-chat-row .menu-list-element-icon-left {
    background-image: url(bilder/chatt.png);
    background-size: 25px;
    filter: #FFF;
}
.menu-list-element.enabled .menu-list-element-icon-right {
    background: url(arrow_right.png) no-repeat center center;
    background-size: 20px;
}

.new-booking .menu-list-element-icon-left {
    background-image: url(bilder/person.png);
	filter: invert(1);
}

.push-child-booking .menu-list-element-icon-left {
    background-image: url(bilder/baby.png);
	filter: invert(1);
}

.my-bookings-menu-list {
    /*background-color: #e29fb469;*/
    background-color: rgb(87 89 90 / 11%);
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.my-bookings-page .logo-image-wrapper {
    padding: 0;
    background-image: url(bgbilder/11.png);
    background-position: top center;
    background-size: cover;
    height: 200px;
    background-repeat: no-repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 0px;
}

.my-bookings-page .logo-image-wrapper .logo-image {
    display: none;
}