* {
  box-sizing: border-box;
}

div.grid {display: grid;grid-template-columns: auto;grid-template-rows: min-content 1fr min-content;min-height:100%}
div.grid header {display:flex;justify-content:space-between;align-items:flex-end}
div.grid header div.right_div {text-align:right;padding:16px}
div.grid footer {background-color:#77A5D5;color:#FFFFFF}
div.grid article {background-color:#E4EEF8;box-shadow:inset 1px 15px 9px -6px #cccccc;}
div.grid div.centered {width:1200px;margin-left:auto;margin-right:auto}
div.grid div.c_1000 {width:1000px}
div.grid div.c_800 {width:800px}
div.grid div.h_margins {margin-top:64px;margin-bottom:64px}
div.colored_background {background-color:#1D5298}
div.gray_background {background-color:#F5F9FE}

div.grid footer.kirurgi {background-color:#5DB5BB;color:#FFFFFF}

div.header_image {padding:16px}
div.header_image img {height:50px}
div.footer {padding:16px;text-align:center}

div.width_1200 {width:1200px;margin-left:auto;margin-right:auto}
div.width_800 {width:800px;margin-left:auto;margin-right:auto}

div.omsorg_front {padding:16px}
.mobile_version {display:none!important}
.desktop_version {display:block!important}

ul.horizontal_menu {margin:0;padding: 16px 0 0 0;list-style-type: none;}
ul.horizontal_menu li {display: inline-block;padding-right: 16px}

div.ams_blue {background-image: url(images/ams_blue.jpg);background-repeat: no-repeat;background-size:cover;background-position:center;color:#FFFFFF;height:100%}
div.item_one {padding-top:32px;padding-bottom:32px;width: 1200px;margin-left: auto;margin-right: auto;}

div.ams_kirurgi {background-image: url(images/item_one_kirurgi.jpg);background-repeat: no-repeat;background-size:cover;background-position:center;color:#FFFFFF;height:100%}


div.client_container {margin-top:16px}

div.boxes {order:2;display:flex;flex-wrap:wrap;gap:4px;width:100%}
div.boxes div.box_item {position:relative;background-color:#FFFFFF;border-radius:5px;padding:16px;flex:35%;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.03);}
div.boxes div.box_item_hover:hover {cursor:pointer;background-color:#F0F6FC}

div.box_blue {position:relative;background-color:#F0F6FC;border-radius:5px;padding:16px;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.03);border:1px solid #166BDA}
div.box_blue input[type=text] {background-color:#FFFFFF}

h1.omsorg {font-size:24px;margin-top:0}
.richText a.richText-help {display:none}

div.richText div.richText-editor {font-family:'Fira sans';font-size:16px;height:20vh}
div.richText div.richText-editor-initial {height:20vh}

div.note_container {margin-bottom:16px}
div.note_container div.meta {color:#999999;margin-bottom:4px;font-size:12px}
div.note_container div.note {background-color:#EEEEEE;border-radius:10px;padding:10px}
div.note_container_editable div.note {background-color:#E4EEF8;border-radius:10px;padding:10px;cursor:pointer}
div.note_container_editable div.note:hover {background-color:#C7DDF2}

div.client_thread {overflow-y: auto;max-height: 35vh; }
.green_status {font-size:20px;color:rgba(17, 197, 72,1)}
.blue_status {font-size:20px;color:rgba(116, 192, 252,1)}
.orange_status {font-size:20px;color:rgba(220, 172, 0,1)}
.gray_status {font-size:20px;color:rgba(0, 0, 0, 0.5)}
.red_status {font-size:20px;color:rgba(210, 50, 97, 1)}

table.invoices  {margin-bottom:16px}
table.invoices tr.green {background-color:rgba(99, 230, 190, 0.1)}
table.invoices tr.blue {background-color:rgba(116, 192, 252, 0.1)}
table.invoices tr.orange {background-color:rgba(255, 212, 59, 0.1)}
table.invoices tr.gray {background-color:rgba(0, 0, 0, 0.05)}
table.invoices tr.red {background-color:rgba(210, 50, 97, 0.1)}

table.invoices tr.green:hover {background-color:rgba(99, 230, 190, 0.2)}
table.invoices tr.blue:hover {background-color:rgba(116, 192, 252, 0.2)}
table.invoices tr.orange:hover {background-color:rgba(255, 212, 59, 0.2)}
table.invoices tr.gray:hover {background-color:rgba(0, 0, 0, 0.1)}
table.invoices tr.red:hover {background-color:rgba(210, 50, 97, 0.2)}

table.invoices td.date {font-size:12px}
table.invoices td.desc {width:100%}


.smaller_blue_link {font-size:14px;text-decoration: underline}

table.invoice {border-collapse:collapse; border-spacing:0;background-color:#E4EEF8;border-radius:5px;font-size:12px;width:100%}	
table.invoice td {padding:8px}
table.invoice td.sum {border-top:1px solid #000000}

div.unpaid_invoices_container {background-color:white;padding:6px;border-radius:6px}
div.unpaid_invoices_container table.invoices {margin-bottom:0px}

@media only screen and (max-device-width: 480px) {
	div.grid div.centered {width:100%}
	div.grid div.c_1000 {width:100%}
	div.grid div.c_800 {width:100%;padding-left:16px;padding-right:16px}

	div.width_1200 {width:100%}
	div.width_800 {width:100%}

	div.item_one {padding-top:0;width:100%}

	table.hotel td {font-size:12px}

	.desktop_version {display:none!important}
	.mobile_version {display:block!important}

	div.boxes {display:block}
	div.box_item {margin-bottom:16px}

	div.richText div.richText-editor {font-family:'Fira sans';font-size:14px;height:150px}
	div.richText div.richText-editor-initial {height:150px}
	div.client_thread {max-height: 30vh; }
	div.button_invoice {margin-top:8px}
}