@font-face {font-family: 'Merriweather'; font-weight: 900;src: url('fonts/MerriweatherSans-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Merriweather'; font-weight: black;src: url('fonts/MerriweatherSans-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Merriweather'; font-weight: 600;src: url('fonts/MerriweatherSans-SemiBold') format('truetype');}
@font-face {font-family: 'Merriweather'; font-weight: bold;src: url('fonts/MerriweatherSans-SemiBold') format('truetype');}
@font-face {font-family: 'Merriweather Sans'; font-weight: normal;src: url('fonts/MerriweatherSans-Regular.ttf') format('truetype');}

body {font-family: Merriweather Sans; font-size: 1em;height:100%}

div.page {min-width:100%;min-height:100%;background-color:#F7F7F7;display:grid;grid-template-rows:auto 1fr 50px}

div.page_header {display:table;width:100%;padding:8px;background-color:#CCCCCC;box-sizing:border-box;flex-grow:0}
div.left {display:table-cell;text-align:left}
div.right {display:table-cell;text-align:right}
div.page_header a {text-decoration:none}
ul.allmenn_menu, div.align_with_menu {margin:0;padding:0;max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:32px;text-align:left}
ul.allmenn_menu li {display:flex;align-items:center;background:#FFFFFF;box-shadow:0px 3px 8px rgba(0, 0, 0, 0.05);border-radius: 5px;padding:16px;margin-bottom:16px;text-align:left;position:relative}

div.status {position:absolute;right:8px;bottom:8px;font-size:10px;text-align:right}
ul.allmenn_menu div.status span.closed {color:#D23261}
ul.allmenn_menu div.status span.open {color:#166BDA}

ul.allmenn_menu div.number_red {position:absolute;right:8px;top:8px;font-size:14px;font-weight:bold;color:#FFFFFF;padding:4px;padding-left:8px;padding-right:8px;background-color:rgba(255,0,0,0.9);border-radius:8px}

ul.allmenn_menu div.number {position:absolute;right:8px;bottom:8px;font-size:14px;font-weight:bold;color:#FFFFFF;padding:4px;padding-left:8px;padding-right:8px;background-color:#999999;border-radius:8px}



div.status_open {text-transform:uppercase;letter-spacing:0.02em;color:#166BDA}
div.status_closed {text-transform:uppercase;letter-spacing:0.02em;color:#D23261}
div.status_done {text-transform:uppercase;letter-spacing:0.02em;color:green}

ul.allmenn_menu a {text-decoration:none;color:#000000}
ul.allmenn_menu li:hover {cursor:pointer;background-color:#E8F1FD}

ul.allmenn_menu li.passive {color:#999999;background-color:#FFFFFF}
ul.allmenn_menu li.passive:hover {background-color:#FFFFFF}

ul.allmenn_menu li.passive_not_allowed {cursor:not-allowed;color:#999999;background-color:#FFFFFF}
ul.allmenn_menu li.passive_not_allowed:hover {cursor:not-allowed;background-color:#FFFFFF}

ul.allmenn_menu li.no_action {cursor:auto;background-color:#FFFFFF}
ul.allmenn_menu li.no_action:hover {cursor:auto;background-color:#FFFFFF}

ul.allmenn_menu i {font-size:20px;width:35px}
div.subtitle_practice i {font-size:inherit;width:auto;padding-left:4px;padding-right:4px}
ul.administrate_menu li {background-color:#EEF9F1;border:1px solid #52BE75}
ul.administrate_menu li:hover {background-color:#C3F2A1}

ul.represents {list-style:none;margin:0;padding:0}
ul.represents li {padding:16px;margin-bottom:16px;border:1px solid #166BDA;border-radius:5px;cursor:pointer;color:#166BDA;font-weight:normal}
ul.represents li.active {background-color:#E8F1FD;font-weight:bold}
ul.represents li:hover {background-color:#E8F1FD}

div.page_main {margin:16px;height:100%}
div.menu_container {text-align:center;margin-top:32px}

div.subtitle_details {color:#999999;font-size:12px;padding-top:4px}
div.subtitle_practice {color:green;font-size:12px;padding-top:4px}

span.allmenn {color:#666666;font-size:12px;letter-spacing:0.1em}
span.praksis {color:#666666;font-size:12px;letter-spacing:0.1em;font-weight:bold}
h1 {margin-top:0;padding-top:16px}
h2 {text-transform:none;margin:0;padding:0;margin-top:32px;margin-bottom:16px}
div.message h4 {margin:0;padding:0;margin-bottom:8px;font-size:16px}

div.info_legekontor {text-align:center;background-color:#F7F7F7;padding:16px;margin-bottom:32px}
div.prices_container {text-align:center;background-color:#F7F7F7;padding:16px;margin-bottom:32px}
div.prismodell_flex, div.prices_flex {display:flex;align-items:stretch;justify-content:center;gap:16px;margin-bottom:32px}
div.info_legekontor div.navn {padding-bottom:8px;font-size:24px;font-weight:bold;text-align:center}
div.info_legekontor div.avgift {font-size:16px;padding-bottom:8px;text-align:right}
div.info_legekontor div.tekst {font-size:12px;text-align:right}
div.info_legekontor div.frontpage_text {font-size:12px;color:#999999}

div.prices_flex div.navn {padding-bottom:8px;font-size:24px;font-weight:bold;text-align:center}
div.prices_flex div.avgift {font-size:16px;padding-bottom:8px;text-align:right}
div.prices_flex div.tekst {font-size:12px;text-align:right}
div.prices_flex div.frontpage_text {font-size:12px;color:#999999}

div.prices_flex div.avgift_or {margin:0px;padding-bottom:6px;font-size:12px;text-transform:uppercase;text-align:right}
div.litenskrift {text-align:center;font-size:10px;margin-left:25%;margin-right:25%}

div.page_header div.button_confirm {background-color:#999999;}
div#page_bottom {padding:16px;background-color:#FFFFFF}
iframe#bankid {margin-top:32px;min-height:500px;width:100%;max-width:500px;border:none;display:none}
div.bank_id_container {margin:16px;margin-top:64px;text-align:center}
div.logged_in_status {padding:8px;text-align:right;background-color:#BBBBBB;font-size:10px}

h3 {margin:0;padding-bottom:16px}
div.confirm_model {cursor:pointer}
div.confirm_model:hover {background-color:#E8F1FD}

div.cart_item {display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;border-radius: 5px;margin-bottom:16px;border:1px solid #166BDA;color:#166BDA}
div.cart_item_left {padding:10px;text-align:left}
div.cart_item_right {padding:10px;font-weight:bold;text-align:right}
div.cart_item_details {font-size:12px}

div.prismodell_container {display:inline-block;vertical-align:top;width:220px;margin-right:16px;margin-bottom:8px;padding:8px;border:1px solid #CCCCCC}
div.prismodell_container div.name {margin-top:16px}
div.prismodell_container div.input {margin-top:8px}
div.prismodell_container textarea {font-family:'Merriweather sans'}

table.form textarea {font-family:'Merriweather sans';}
table.form textarea.on_gray_background {border: 2px solid transparent;border-top: 2px solid #828389;background-color:white;border-radius:5px}
div.prismodell_container_disabled {background-color:#EEEEEE;color:#999999}

textarea.allmennpraksis {border: 2px solid transparent;border-top: 2px solid #828389;background-color:white;border-radius:5px}

input[type="text"][readonly],textarea[readonly] {color: #999999;}

input[type="text"].datepicker[readonly] {color: #000000;}

div.button_small {min-width:auto;font-weight:normal;font-size:12px}
div.button_mini {min-width:auto;font-weight:normal;font-size:12px;height:20px;line-height:20px;padding:4px 8px 4px 8px;font-size:12px}

div.set_container {background-color:#F7F7F7;border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid #CCCCCC}
div.set_status_line {padding-top:8px}

span.set_unpublished {text-transform:uppercase;color:#D23261}
span.set_published {text-transform:uppercase;color:#52BE75}
div.page_signup h3 {padding-top:32px}
div.group_items {border-top:1px solid #CCCCCC;margin-bottom:48px}

div.richText div.richText-editor {font-family:'Merriweather sans';font-size:16px}

div#inbox_frontpage {text-align:right;font-size:50px;margin-bottom:16px;position:relative;color:#000000}
div#inbox_frontpage span {display:block;position:absolute;right:-10px;bottom:50%;font-size:20px;font-weight:bold;color:#FFFFFF;padding:8px;padding-left:12px;padding-right:12px;background-color:rgba(255,0,0,0.9);border-radius:16px}

.flex_button_on_right {display:flex;justify-content:space-between;align-items:center}
.transition {-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}

.edit_on_fly {font-size:10px;width:400px;background-color:#FFF8DC;padding:16px;border-radius:16px;border-style:dashed;border:2px dashed #EAC519}
.add_user_container {display:none}

a.blue_hover {text-decoration:none}
a.blue_hover:hover {text-decoration:underline}

label.blue_hover {text-decoration:none;color:#166BDA}
label.blue_hover:hover {text-decoration:underline;color:#166BDA}

.logged_in_hover {cursor:pointer}
.logged_in_hover:hover {text-decoration:underline}
.logged_in_hover i {font-size:16px;margin-right:4px}

div.table_container_white {background-color:white;padding:20px;border-radius:10px}

img.logg_inn_med_vipps {width:300px}

div.page_main {line-height: 1.25}

div.button_vipps {background-color:#ff5b24;text-align:center;color:#FFFFFF}
div.button_vipps:hover {background-color:#ee4b14}
div.button_vipps img {display:inline-block;height:16px;padding:5px;vertical-align:middle}

div.list_container {max-width:800px;width:800px;margin-left:auto;margin-right:auto;margin-top:32px}
div.list_container ul.allmenn_menu {max-width:100%}
div.vipps_liten_knapp {background-color:#ff5b24;border-radius:5px;padding:4px}
div.vipps_liten_knapp:hover {cursor:pointer;background-color:#ce2b04}
div.vipps_liten_knapp img {height:10px;display:block}
.show_on_mobile {display:none}

.subtitle {font-size:80%;color:#999999}

div.add_transaction_value {border:1px solid #CCCCCC;border-radius:5px;padding-left:8px;margin-bottom:4px}
div.add_transaction_value:hover {background-color:#E8F1FD}

div.sms_saldo {text-align:right;font-size:12px}
div.small_gray {font-size:80%;color:#999999}

h3.date_spinner {display:flex;justify-content:space-between;align-items:center}

div.click_item {display: block;border: 1px solid #166BDA;border-radius: 4px;padding: 6px;cursor: pointer;width:30px;color:#166BDA;text-align:center}
div.click_item:hover {background-color:#D4E2F4}

input#bill_search {width:300px}

div.unpaid_bill {display:flex;justify-content:space-between;align-items:center;}
div.send_message_bottom_items {display:flex;justify-content:space-between;align-items:flex-start;}

div.attachments_container {margin-top:16px;background-color:#EEEEEE;border-radius:5px;display:inline-block;padding:16px;display:none}
div.attachments_container img {max-width:30%}
div.chat_container img {max-width:50%;padding-top:8px}

img.expand_image {cursor:pointer}

div#hidden_container {height: 100vh!important;width: 100vw!important;background-color: black;display: none;z-index: 1000;position: fixed;top: 0;right: 0;left: 0;bottom: 0;}
div.image_section {width: 100%;height: 100%;z-index: 9999;margin: 0 auto;background-size: contain!important;background-position: center!important;background-repeat: no-repeat!important;}

table.hotel tr.expired td {color:red;font-size:12px}

div.a_item, div.day_item, div.schedule_item, div.template_item {position:relative;display: block;border: 1px solid #166BDA;border-radius: 4px;padding: 12px;cursor: pointer;color:#166BDA;text-align:center}
div.a_item:hover, div.day_item:hover {background-color:#D4E2F4}
div.day_item {padding:6px;font-size:14px;width:auto;margin-bottom:4px}

div.template_item {width:110px}

div.day_item {color:#999999;border: 1px solid #999999;}
td.result_cell {vertical-align:top}
td.result_cell div.day_item {border: 1px solid #166BDA;color:#166BDA}
div.inactive {border: 1px solid #999999;color:#999999;}

div.schedule_item, div.template_item {display:inline-block;margin-right:8px;margin-bottom:8px;width:auto;}
div.template_item:hover  {background-color:#D4E2F4}

div.scheduled_item {color:#FFFFFF;border: 1px solid #166BDA;background-color:#166BDA}

div.a_item div.desc {position:absolute;right:2px;bottom:2px;font-size:8px;text-transform:uppercase}
div.inactive div.desc {color:#999999}
div.active div.desc {color:#166BDA}
div.booked div.desc {color:green}

div.a_item_booked {background-color:palegreen;color:forestgreen;border: 1px solid forestgreen;}
div.a_item_booked:hover {background-color:lightgreen}

div.add_times div {margin-bottom:4px}
div.a_item_flex {display:flex;margin-bottom:4px;gap:8px;align-items:center}
table.timetable_template tr {border-bottom:0px}
table.timetable_template td.items {padding:4px;vertical-align:top;background-color:#EEEEFF}
table.borders td, table.borders th {border:1px solid #CCCCCC;padding:4px}
table.timetable_template th {text-align:center;background-color:#CCCCCC}

div.delete_day_item {text-align:center;margin-top:4px}
table.calendar td {padding:4px 8px 4px 0;width:20%}
table.calendar div.a_item {margin-bottom:12px}
table.calendar div.date_date {font-weight:bold;font-size:12px;margin-bottom:8px;color:#999999}
table.calendar {width:100%}

.phone {display:none}

div.booked {border:1px solid green;background-color:PaleGreen;/*padding:6px;padding-bottom:12px;*/line-height:1}
div.booked_with_details {padding:6px;padding-bottom:12px;}
div.booked span.details {color:green;font-size:12px}
div.booked:hover {background-color:lightgreen}
div.booked span.info {background-color:MediumSeaGreen;color:white;font-size:10px;padding:2px;display:block;margin-bottom:2px}

li.todays_appointments {margin-left:32px}
div.appointment_desc {padding-top:8px;font-size:12px;color:#666666}
ul.allmenn_menu li.expired {opacity:0.5;background-image:repeating-linear-gradient(45deg,#cccccc,#cccccc 10px,#dddddd 10px,#dddddd 20px);}
li div.practice_details {text-transform:uppercase;font-size:10px;margin-top:4px}
li div.li_spacer {width:80px;margin-left:16px}

div.front_appointments_container ul.allmenn_menu {margin-bottom:16px}
div.front_appointments_container {margin-bottom:32px}

div.next_available {margin-top:8px;font-size:12px;color:green}
div.no_available {margin-top:8px;font-size:12px;color:#999999}

div.transaction_details {font-size:12px}
div.transaction_details div {margin-bottom:8px}
@media only screen and (max-device-width: 480px) {
	h1 {margin-top:0;padding-top:16px}
	div.menu_container {margin-top:0}
	ul.allmenn_menu, div.align_with_menu {max-width:auto}
	div.prices_flex {flex-wrap:wrap}
	div.prices_flex div.box {width:100%}
	div.prismodell_flex {flex-wrap:wrap}
	div.prismodell_flex div.box {width:100%}
	div.bank_id_container {margin:16px;margin-top:16px}
	div.prismodell_container {display:block;width:auto;margin-right:0}
	img.logg_inn_med_vipps {width:80%}
	div.litenskrift {text-align:center;font-size:10px;margin-left:10%;margin-right:10%}
	div.list_container {max-width:100%;width:100%;margin:0}
	div.table_container td {font-size:12px}
	.hide_on_mobile {display:none}
	.show_on_mobile {display:inline-block}
	.edit_on_fly {width:auto}	
	table.hotel_log td {padding:2px;font-size:14px}
	input#bill_search {width:250px}
	.mobilephone {display:block;margin-top:4px}

	.phone {display:block}
	.desktop {display:none}
	
	table.calendar td {padding:1px}
	table.calendar div.a_item {padding:4px;width:auto;padding-bottom:12px}
	table.calendar div.date_day {font-size:12px}

	li div.li_spacer {width:auto;margin-left:16px;margin-right:70px}
}