@font-face {font-family: 'Fira Sans'; font-weight: 900;src: url('fonts/FiraSans-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Fira Sans'; font-weight: 600;src: url('fonts/FiraSans-SemiBold.ttf') format('truetype');}
@font-face {font-family: 'Fira Sans'; font-weight: 700;src: url('fonts/FiraSans-SemiBold.ttf') format('truetype');}
@font-face {font-family: 'Fira Sans'; font-weight: normal;src: url('fonts/FiraSans-Regular.ttf') format('truetype');}
@font-face {font-family: 'Fira Mono'; font-weight: 900;src: url('fonts/FiraMono-Bold.ttf') format('truetype');}
@font-face {font-family: 'Fira Mono'; font-weight: normal;src: url('fonts/FiraMono-Regular.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 900;src: url('fonts/Inter-Black.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 800;src: url('fonts/Inter-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 700;src: url('fonts/Inter-Bold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 600;src: url('fonts/Inter-SemiBold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 500;src: url('fonts/Inter-Medium.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 400;src: url('fonts/Inter-Regular.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 300;src: url('fonts/Inter-Light.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 200;src: url('fonts/Inter-ExtraLight.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 100;src: url('fonts/Inter-Thin.ttf') format('truetype');}

*{box-sizing:border-box;}

body  {height:100%;margin:0px;padding:0px;font-family:Fira Sans}
p {margin-top:0px;margin-bottom:0px}
td {margin:0px;padding:0px;font-family:Fira Sans;font-weight:normal;font-size:13px}
form {margin:0px;padding:0px}
input {font-family:Fira Sans;font-weight:normal}
textarea {font-family:Fira Sans;font-weight:normal}
li {font-size:1em}
ul {margin-top:0px;margin-bottom:0px}
ol {margin-top:0px;margin-bottom:0px}
label {cursor:pointer;margin-left:7px;margin-right:20px;display:inline-block}
figure {margin:0;padding:0}

figcaption, div.fs_title, div.fs_caption {padding:4px 0px 12px 0px;font-size:12px;color:#999999}
figcaption.title, div.fs_title  {font-size:16px;font-weight:bold;font-style:normal;padding:8px 0px 4px 0px;color:#000000}

div.fs_title, div.fs_caption {padding:4px 4px 4px 4px;background-color:#FFFFFF}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

a:link, a:active, a:visited, a:hover {color:#166BDA;text-decoration:none}

body.disable_scroll {overflow: hidden;padding-right:15px}
ul.disable_scroll {right:47px!important}

div.msg, div.foxtrot_message {font-family:Inter;background-color:#FFF8DC;border-left:1px solid #ffeb8e;padding:8px;margin-bottom:16px}
div.msg_error, div.red_message {background-color:#FCF2F5;border-left:1px solid #D23261}
div.msg_ok {background-color:#EEF9F1;border-left:1px solid #52BE75}
div.msg_passive, div.msg_gray {background-color:#F5F5F5;border-left:1px solid #CCCCCC}
div.msg_header {font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #B3CBEE}
div.msg_blue {background-color:#d0e1f8;border-left:1px solid #166BDA}

div.msg_flex {display:flex;gap:8px;align-items:center}
div.msg_with_button {display:flex;justify-content:space-between;align-items:center;gap:16px}
div.button {font-weight:normal;display:inline-block;height:40px;line-height:40px;background-color:rgba(0,0,0,0);border-radius:5px;white-space:nowrap;padding-left:16px;padding-right:16px;margin:0;min-width:100px;cursor:pointer}
div.button_confirm {background-color:#166BDA;color:#FFFFFF;text-align:center}
div.button_confirm:hover {background-color:#1256AE}
div.button_disabled {color:#FFFFFF;background-color:#CCCCCC;text-align:center;cursor:not-allowed}
div.button_cancel {color:#828389;font-size:12px;min-width:auto;padding-left:0}
div.button_cancel:hover {text-decoration:underline;}
div.button_close {background-color:rgba(20,24,35,0.1)}
div.button_close:hover {border:1px solid rgba(20,24,35,0.1);background-color:#FFFFFF}
div.button_attention {background-color:#D23261;text-align:center;color:#FFFFFF;}
div.button_attention:hover {background-color:#A8284E}
div.button_gray {background-color:#CCCCCC;color:#FFFFFF;text-align:center}
div.button_disallow {background-color:#CCCCCC;color:#FFFFFF;text-align:center;cursor:not-allowed}
div.button_disallow:hover {background-color:#CCCCCC;color:#FFFFFF;cursor:not-allowed;}
div.button_gray:hover {background-color:#999999}
table.form label {cursor:pointer;margin:0}

.mono {font-family:'Fira Mono'}
table.form {width:100%;border-collapse:collapse;border-spacing:0;font-family:fira sans}
table.form tr.nospace {border-bottom: 0px}
table.form td {vertical-align:top;}
table.form td {font-family:Fira Sans;font-size:14px}
table.form td.header {font-size:16px;font-weight:900;padding-bottom:4px}
table.form td.desc {padding-bottom:4px}
table.form td.desc_left {text-align:right;padding-right:16px;vertical-align:middle;}
table.form td.desc_left label {margin-right:0}
table.form td.desc_right {padding-bottom:4px;padding-right:16px;}
table.form tbody.error input[type=text], table.form tbody.error input[type=password] {background-color:#FCF2F5;border:2px solid #D23261}
table.form tbody.error input[type=text]:focus, table.form tbody.error input[type=password]:focus {border:2px solid #166BDA}
table.form tbody.error_details td {padding-top:2px;padding-bottom:4px}
table.form tbody.error tr {background-color:#FFCCCC}
table.form tbody.error td.info {color:#D23261;font-size:12px}
table.form tbody.error td.radio_container {background-color:#FCF2F5;border:2px solid #D23261;padding:10px}
table.form tbody.error td.checkbox_container {background-color:#FCF2F5;border:2px solid #D23261;padding:10px}
table.form tbody.error textarea {background-color:#FCF2F5;border:2px solid #D23261}
table.form tbody.error div.form_comment {color:red;font-size:12px}
table.form tbody.tbody_error {background-color:#FCF2F5}
table.form tbody.no_bottom_margin tr {border-bottom: 0px}
table.form input[type=text], input[type=text].nice, table.form input[type=password] {font-family:fira sans;box-sizing: border-box;padding:10px;font-size:14px;border:2px solid transparent;border-bottom:2px solid #828389;outline: none;background-color:#F7F7F7;-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
table.form input[type=text]:focus, table.form input[type=password]:focus  {border:2px solid #166BDA}
table.form textarea {font-family:fira sans; box-sizing: border-box;padding:10px;font-size:14px;border:2px solid transparent;border-bottom:2px solid #828389;outline: none;background-color:#FFFFFF;-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
table.form textarea:focus {border:2px solid #166BDA}
::-webkit-resizer {display:none;border: none;background: #F7F7F7;}

table.form div.comment {font-size:12px;color:red}
table.form label.checkbox {margin-left:0}
table.form label.radio {margin-left:0}
table.form tbody.spacer td {height:12px}
table.form label.checkbox span.text {padding-left:4px}
table.form label.radio span.text {padding-left:4px}
table.form div.radio_horizontal {display:inline-block;vertical-align:top;width:100px;margin-right:16px;margin-bottom:8px}
table.form select {padding:4px;font-size:16px;font-family:fira sans;width:100%}
table.form tbody.error select {background-color:#FCF2F5;border:2px solid #D23261}
table.form input[type=text].error, table.form input[type=password].error {background-color:#FCF2F5;border:2px solid #D23261}

table.form input[type=text].two_factor {font-size:20px}

table.form label.checkbox {display: inline-block;position: relative;cursor: pointer;font-size: 22px;height:24px;width:24px}
table.form input[type=checkbox] {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
table.form label.checkbox span.symbol {position: absolute;top: 0;left: 0;height: 24px;width: 24px;border:2px solid #828389;background-color: white}
table.form label.checkbox span.symbol:hover {background-color: rgba(0,0,0,0.05);}
table.form input[type=checkbox]:checked ~ span.symbol {background-color: #166BDA;border:none}
table.form label.checkbox span.symbol:after {content: "";position: absolute;display: none;}
table.form input[type=checkbox]:checked ~ span.symbol:after {display: block;}
table.form label.checkbox span.symbol:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
table.form tbody.error label.checkbox span.symbol {border:2px solid #D23261}
table.form tbody.error input[type=checkbox]:checked ~ span.symbol {border:none}

table.form label.radio {cursor:pointer;padding:0;margin:0;display:inline-block;position:relative}
table.form label.radio input[type="radio"] {display:none;}
table.form label.radio span.symbol {display:inline-block;width:24px;height:24px;margin:0;vertical-align:middle;margin-right:5px;background-color: white;border-radius: 50%;border:2px solid #828389;cursor:pointer;}
table.form label.radio span.symbol:after {content: "";position: absolute;display: none;  top: 8px;left: 8px;width: 8px;height: 8px;border-radius: 50%;background: white;}
table.form label.radio input[type="radio"]:hover ~ span.symbol {background-color: rgba(0,0,0,0.05)}
table.form label.radio input[type="radio"]:checked ~ span.symbol {background-color: #166BDA;border:none}
table.form label.radio input[type="radio"]:checked ~ span.symbol:after {display: block;}
table.form div.radio_vertical {margin-bottom:8px}
table.form tbody.error label.radio span.symbol {border:2px solid #D23261}
table.form tbody.tbody_options td.input_cell div.form_status {top:4px;right:4px;background-color:white}
table.form tbody.tbody_checkbox div.flex_layout {display:flex;align-items:center}
table.form tbody.tbody_checkbox div.flex_layout span.text {margin-left:9px;display:block}

table.form div.interval_flex_container {display:flex;width:100%}

table.form tbody.green td {background-color:#95F985;padding-left:8px;padding-right:8px;padding-top:4px}
table.form tbody.red td {background-color:#FFCCCC;padding-left:8px;padding-right:8px;padding-top:4px}
table.form tbody.green div.form_subtitle {color:#666666}
table.form tbody.red div.form_subtitle {color:#666666}

table.form div.interval_flex_container div.form_status {position:absolute;right:4px;top:4px}

div.styled_inputs table.form input[type=checkbox] {opacity: 1;height:auto;width:auto}

td.input_cell {position:relative}
td.input_cell div.form_status {position:absolute;top:8px;right:8px;padding:4px}
tbody.tbody_textarea td.desc_left {vertical-align:top;padding-top:8px}
td.textarea_cell {position:relative}
td.textarea_cell div.form_status {position:absolute;top:4px;right:4px;padding:4px}
table.form tbody.tbody_checkbox td.desc_left {padding-top:2px;padding-bottom:2px;vertical-align:middle}

td.input_cell_radio div.form_status {top:0px}

table.form tbody.tbody_date_interval span.title {display:block;margin-top:12px;margin-bottom:4px}
table.form tbody.tbody_date_interval span.title:empty {}

table.form div.form_subtitle {font-size:12px;color:#999999;padding-top:6px;padding-bottom:12px}
table.form div.form_subtitle:empty {padding-bottom:0px}
table.form div.date_interval_header {font-size:12px;color:#999999;padding-bottom:4px}

table.form td.input_cell_checkbox {vertical-align:middle}
table.form tbody.tbody_radio span.title {display:block;margin-bottom:4px}

table.form div.header {margin-top:16px;margin-bottom:0px;font-size:18px}
table.form tbody.tbody_static_smaller td {font-size:12px}
table.form tbody.tbody_static_smaller td.desc_left {font-size:12px}
table.form tbody.tbody_static_smaller td.desc_right {font-size:12px}

table.form span.desc {display:block;font-size:12px;margin-bottom:4px}
table.form input[type=text], table.form input[type=password] {background-color:#FFFFFF}
table.form input.readonly, table.form textarea.readonly {background-color:#CCCCCC;color:#333333}

textarea.readonly {background-color:#CCCCCC;color:#333333}

table.form div.checkboxes {display:flex;flex-wrap:wrap;gap:16px;padding-top:4px}
table.form div.checkbox_pair {display:flex;flex-wrap:nowrap;gap:0px 8px;align-items:center;padding-top:4px}

table.references {width:100%;border-collapse:collapse;border-spacing:0;font-family:fira sans}
table.references td {vertical-align:top;padding:4px;padding-top:8px;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.2)}
table.references tbody:hover {background-color:rgba(255,255,255,0.2)}

.element_margin_bottom {margin-bottom:32px}

div.modal_form_container, div.form_container_gray {background-color:#F7F7F7;border-radius:8px;padding:8px;position:relative}

div.form_container_gray_top_margin {margin-top:48px}
div.form_container_title {padding:8px;margin-bottom:16px;font-weight:bold;font-size:20px;border-bottom:1px solid #CCCCCC}
div.form_container_text {padding:8px}

div.topic_settings_button_container {margin-top:48px}
div.topic_settings_button_container > div {margin-top:16px}

div.flex_save_button {display:flex;align-items:center}
div.grid {display: grid;grid-template-columns: auto;grid-template-rows: min-content 1fr min-content;min-height:100%}
div.grid header {}
div.grid footer {background-color:#EEEEEE}
div.grid article {background-color:#F7F7F7;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.box {background: #FFFFFF;box-shadow: 0px 3px 8px rgb(0 0 0 / 5%);border-radius: 5px;padding: 16px;}
div.box h1 {font-size:32px;font-weight:normal;margin-bottom:16px}
div.grid_topic_container {display: grid;grid-template-columns: 70% 30%;padding:24px}
div.grid_topic_container h1 {font-size:36px;font-weight:bold}



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

div.grid_topic ul.horizontal_menu {padding:0}
div.grid_topic ul.horizontal_menu li {font-size:12px;}
div.colored_background {color: rgba(255,255,255,0.8)}
div.colored_background li, div.colored_background a {cursor: pointer;color: rgba(255,255,255,0.8)}
div.colored_background li:hover,div.colored_background a:hover {color: rgba(255,255,255,1);text-decoration: underline}

div.save_message {margin-left:12px;font-size:12px}

div#head_1	{min-height:20px}

div#foot_1 {display:none}
div#foot_3 {display:none}

.icon_help {position:relative;cursor:pointer;font-size:20px}
.icon_help:hover {cursor:pointer;color:#CCCCCC}

.popuptext {display: none;width: 160px;background-color: #555;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;border-radius: 6px;padding: 8px;position: absolute;z-index: 1;bottom: 125%;left: 50%;font-size:12px;
margin-left: -80px;text-transform:none;white-space:normal;
}

.popup_downwards {top: 115%;bottom: auto;}
/* Popup arrow */

.popuptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;border-color: rgba(0,0,0,0.8) transparent transparent transparent;}
.popup_downwards::after {content: "";border:none;}

/* Toggle this class - hide and show the popup */
.show_popup {display: block;-webkit-animation: fadeIn 1s;animation: fadeIn 1s;}

div.top_container {display:flex;justify-content:space-between;align-items:center;padding:16px 0 16px 0}
div.classic_top_right {display:flex;text-align:right;white-space:nowrap}
span.edit_switch {white-space:nowrap;padding-right:64px;cursor:pointer}
span.edit_switch img {height:20px;vertical-align:middle;padding-right:8px}
.white_hover:hover {color:#FFFFFF;text-decoration:underline;cursor:pointer}

div#dropdown_anchor {display:inline-block;position:relative}
div.popup {position: absolute;z-index: 10;border-radius: 5px;border: 1px solid #E8E8E9;background-color: #FFFFFF;box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.05);padding: 20px;}
div#dropdown_container {right: 0px;top: 45px;min-width: 312px;display:none}
    
ul.dropdown {margin: 0;  padding: 0px;width: 100%;}
ul.dropdown li {text-align: left;font-size: 14px;color: #000000;border-top: 1px solid #E8E8E9;display: block;padding: 16px 8px 16px 8px;}
ul.dropdown li:hover {background-color:#F3F3F3;cursor:pointer;color:#000000;text-decoration:none}
ul.dropdown li i {vertical-align:middle;font-size:20px;width:30px}
    
div.user_picker {position:relative;min-height:200px}
ul.dropdown_list {margin: 0;  padding: 0px;width: 100%;border: 1px solid #999999;position:absolute;top:0;left:0;z-index:2}
ul.dropdown_list li {text-align: left;background-color: #FFFFFF;border-top: 1px solid #E8E8E9;display: block;padding: 16px 8px 16px 8px;max-width:100%;overflow:hidden;text-overflow: ellipsis;}
ul.dropdown_list li span.name {font-size:14px;font-weight:bold;padding-right:8px}
ul.dropdown_list li span.email {color:#666666;padding-right:8px}
ul.dropdown_list li span.groups {display:block;font-size:12px}
ul.dropdown_list li:hover {background-color:#F3F3F3;cursor:pointer;}
div.user_result {padding:8px;border-radius:5px;background-color:#d0e1f8;width:300px}
div.div_user {font-weight:bold;overflow:hidden;text-overflow: ellipsis;}
div.deactive span.meta {color:#666666}
div.deactive span.akkreditert {color:#666666}

table.error_log {margin:0px;padding:0px;border-collapse:collapse;width:100%}
table.error_log td {margin:0;padding:2px;border:1px solid #000000;font-family:Inter;font-size:12px}
table.error_log td.error_warning {color:#C57215;font-weight:bold;background-color:#FFF5F0}
table.error_log td.error_deprecated {color:#54875D;font-weight:bold;background-color:#EEFFEE}
table.error_log td.error_fatal {color:#B9482B;font-weight:bold;background-color:#FFEEEE}

span.large_title {font-size: 32px;font-weight: bold;color:#000000}

.gray_hover {color:#6F7175;text-decoration:none;cursor:pointer}
.blue_hover {color:#166BDA;text-decoration:none;cursor:pointer}
.red_hover {color:#D23261;text-decoration:none;cursor:pointer}
.blue_hover:hover, .gray_hover:hover, .red_hover:hover {text-decoration:underline}

.blue_hover_no_margin {color:#166BDA;margin-right:20px;font-size:16px;font-weight:normal;letter-spacing:normal;text-transform:none;cursor:pointer}
.blue_hover_no_margin:hover {text-decoration:underline;cursor:pointer}

.active_menu_item {color:#000000;font-weight:bold}
.normal_text_size {font-size:13px;font-weight:normal}
.black_link {text-decoration:underline;cursor:pointer}

a.black_link {color:#000000;}

a.inline_link {color:inherit;text-decoration:underline;cursor:pointer;}
a.inline_link:hover {text-decoration:underline}

a.passive_link {color:inherit;text-decoration:none;cursor:pointer;}
a.passive_link:hover {text-decoration:underline}

a.shy_link {color:#828389;text-decoration:none;cursor:pointer;font-size:12px}
a.shy_link:hover {text-decoration:underline}

h1,table.form input[type=text].h1 {font-size: 32px;font-weight: bold;}
h2 {font-size: 24px;font-weight: bold;text-transform: uppercase;}
   
h1.space_below {margin-bottom:16px}
div.show_shortcuts {z-index: 2;float: right;position: -webkit-sticky;position: sticky;margin-top: 0px;top: 16px;background-color: #FFFFFF;border-radius: 5px;padding: 8px;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);cursor: pointer}

h2.notexttransform {text-transform:none}
div.topic h1 {margin-top: 0px;margin-bottom: 0px;}
div.topic div.h2_container {position:relative;padding-bottom: 8px;margin-top: 0px;border-bottom: 1px solid #B3CBEE;margin-bottom: 16px;}
div.topic div.h2_flex {display:flex;align-items:flex-start;gap:16px;width:100%;justify-content:space-between;padding-bottom: 8px;margin-top: 0px;border-bottom: 1px solid #B3CBEE;margin-bottom: 16px;}
div.h2_container div.text {display:inline-block;margin-right:8px}
div.h2_container div.version {display:inline-block;font-size:14px;font-weight:normal;color:#999999;text-transform:none;margin-right:8px}
div.topic h2 {}
div.topic div.section {margin-bottom: 48px;position:relative}
div.topic div.section_edit {background-color:#F5F9FE;margin:-16px;margin-bottom: 48px;padding:16px;border-radius:8px}
div.topic div.section_edit:hover {background-color:#E9F1FC}
div.topic div.section_edit:hover div.pencil_icon {color:#2D6DD3}
div.topic div.section_edit:hover div.active_editing_section {background-color:#FFFFFF}


div.section_highlighted {border-radius:0px;border:4px solid #166BDA;padding:24px;padding-bottom:48px;margin-bottom:32px;position:relative;z-index:2}
div.section_highlighted div.title {margin-bottom:16px;font-family:'inter';padding-bottom:8px;border-bottom:1px solid #CCCCCC}
div.section_highlighted div.flex {display:flex;align-items: flex-start;gap:12px}

div.section_highlighted div.top_right {position:absolute;font-size:12px;right:8px;top:8px;color:#166BDA}
div.section_highlighted div.warning {display:inline-block;color:#D23261}
div.section_highlighted div.edit_button {display:inline-block;margin-left:8px}
div.section_highlighted div.bottom_right {position:absolute;font-size:12px;right:8px;bottom:8px;color:#D23261}
div.section_highlighted div.status {margin-top:8px;color:#999999}
div.section_highlighted div.no_exist {position:absolute;font-size:12px;left:8px;top:8px;color:#D23261}


div.section_highlighted_limited_height {max-height:225px;overflow:hidden;}

div.topic div.section_highlighted {margin-left:-24px;margin-right:-24px}
div.topic div.section_highlighted div.h2_container {border-bottom: 1px solid #D5D6D8}

div.section_highlighted div.title {color: #999999;font-family: Inter;font-size: 14px}

div.section_header_icons {white-space: nowrap}
div.section_header_icons i {padding-left:8px}
div.section_header_icons span.icon_button {margin-left:8px}
div.section_header_icons span.icon_button i {padding-left:0px}

div.custom_contents_expand {display:none;position:absolute;height:150px;left:0;right:0;bottom:0;text-align:center;padding-bottom:16px;background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 75%);}
div.vertical_bottom {position:absolute;left:0;right:0;bottom:16px}

div.section_static {background-color:#FFF8DC;font-family:'Inter';margin-bottom: 48px;padding:16px;border-radius:8px}


div.grid_topic_overlay div.msg_header {margin-top:16px}

div.topic_container_overlay {position:relative}

div.close_topic_container {position:absolute;top:10px;right:10px}

h2.editable_header {padding:4px;position:relative;text-transform:none}
h3 {position:relative;text-transform:none}

h3 {font-size:20px;font-weight:bold;margin-bottom:8px}
h2.header_overlay {position:absolute;top:4px;left:4px;color:#c4d5f0;pointer-events: none;display:none}
div.section_unsaved h2.header_overlay {color:rgba(0,0,0,0.2)}
div.topic .editable_element {padding:8px;padding-right:32px;border-radius:8px}
div.topic .editable_element:hover {background-color:#F5F9FE}
div.topic h1.editable_element {padding:0}
div.topic div.edit_element {position:relative;margin:0;padding:4px}}
div.topic div.edit_element div.section_footer {padding-top:8px}
div.topic div.edit_element div.pencil_icon {top:12px;right:12px}
div.topic .active_editing_element {background-color:#FFFFFF}
div.topic .active_editing_element:hover {background-color:#FFFFFF}

div.topic div.h1_container {position:relative;padding:0;margin:0;margin-bottom:8px;background-color:transparent}

div.topic div.h1_container div.section_footer {padding:4px}
div.topic h1.read_title {margin-bottom:12px}
div.topic div.yellow_element {background-color:#FFF8DC}
div.topic div.yellow_element:hover {background-color:#ffe57d}
div.topic div.yellow_element div.pencil_icon {color:#ffd21e}
div.topic div.yellow_element:hover div.pencil_icon {color:#be9800}
div.topic div.yellow_element .editable_element:hover {background-color:#fff9e3}
div.topic div.yellow_element .active_editing_element:hover {background-color:#FFFFFF}
div.topic div.yellow_element_log {background-color:#FFF8DC;padding:4px;border-radius:4px}

div.topic div.section_edit h2.editable_header {padding-right:72px}
div.topic div.section_edit h2.editable_header:hover {background-color:#F5F9FE}
div.topic div.section_edit h2.active_editing_header:hover {background-color:#FFFFFF}

div.topic div.section_unsaved {background-color:#FFEEEE}

div.topic div.section_saved {background-color:#EAFCE9}

div.topic div.unsaved_message {opacity:0;padding:4px;padding-right:16px;text-wrap:wrap;font-size:12px;color:#D23261}

div.topic div.section_unsaved div.unsaved_message {opacity:1}

div.topic div.editable_section:hover {background-color:#F5F9FE}

div.topic div.section_saved_icon {position:absolute;bottom:16px;left:16px;background-color:green;padding:8px;border-radius:8px;color:white;opacity:0;pointer-events: none;}
div.topic div.section_saved div.section_saved_icon {opacity:1}
div.menu_container {margin-bottom:16px}

div.topic div.topic_info_element div.section_saved_icon {bottom:8px;left:8px}

.fade {-webkit-transition: all 0.5s ease;transition: all 0.5s ease}
div.topic div.section_text {line-height: 1.5;font-size:16px}
div.topic div.topic_icons {position: absolute;right: 32px;top: 32px;}
div.topic .dirty {background-color:#FFEEEE;border-radius:4px}

div.topic div.section_text img {display:block}

/*div.topic .dirty:after {font-weight:normal;text-transform:none;position:absolute;bottom:-24px;left:0;content: '\26A0\00a0\00a0Innhold i avsnittet er ikke lagret.';font-size:12px;background-color:rgba(22, 107, 218, 1)
;color:#FFFFFF;padding-left:5px;padding-right:5px;border-radius:4px}
div.topic .dirty_title:after {content: '\26A0\00a0\00a0Tittelen er ikke lagret.';}
*/

div.topic .dirty_comment {opacity:0;font-family:'Inter';font-weight:normal;text-transform:none;position:absolute;bottom:-26px;left:0;font-size:12px;background-color:#FFEEEE
;color:#000000;padding:3px 6px 3px 6px;border-radius:4px;-webkit-transition: all 1s ease;transition: all 1s ease}

div.h1_container .dirty_comment {bottom:-22px}
div.h2_container .dirty_comment {bottom:-18px}
div.topic .dirty_visible {opacity:1}

div.topic div.topic_comments {display:flex;padding:16px;font-size:14px;background-color:#FCF2F5;color:#D23261;margin-bottom:32px;align-items:flex-start;gap:16px}
div.topic_comments i {font-size:24px}
.highlight_background {background-color: #E8F1FD}
.highlight_background_out {background-color: rgba(0, 0, 0, 0);-webkit-transition: all 2s ease;transition: all 2s ease}

.mobile_version {display:none!important}
div#top_middle_container {display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:12px}
img.booklogo {display: inline-block;vertical-align: middle;border: 0;margin-right: 10px;height: 40px;}
div.book_title {font-family: Fira Sans,verdana,sans-serif;font-size: 18px;font-weight: bold;color: #000000;}
div.book_title a {color:#000000;}
div#top_middle_container div.spacer {flex-grow:10}

div.book_title a.change_book {margin-left:8px;color:#166BDA;font-size:16px;font-weight:normal;opacity:1;}
div.book_title a.change_book:hover {text-decoration:underline}


a#link_home:hover + a#change_book {opacity:1;}
div#topic_container {margin-bottom:32px;position:relative}

div.page_container {margin-top:32px;margin-bottom:32px}
div.book_container {display:flex;margin-top:16px;margin-bottom:16px;flex-wrap:wrap;align-items: flex-start; }
div.card {position:relative;cursor:pointer;background: #FFFFFF;box-shadow: 0px 3px 8px rgb(0 0 0 / 5%);border-radius: 5px;padding: 16px;margin-right:16px;margin-bottom:16px;width:240px;height:90px;}
div.card:hover {background: #FFFFFF;box-shadow: 0px 3px 8px rgb(0 0 0 / 5%);border-radius: 5px;padding: 16px;margin-right:16px;margin-bottom:16px;}

div.card div.title {color: black;font-size: 14px;font-weight: bold;padding-right: 60px;position: relative;margin-bottom: 8px;}
div.card div.tag {position:absolute;right:8px;bottom:8px;font-size:12px;color:#999999}
div.card div.icons {position:absolute;left:8px;bottom:8px;font-size:12px;color:#999999}
div.card:hover div.title {color: #166BDA}

div.chapterlist_item {display:flex;justify-content:space-between}
div.chapterlist_item:hover {background-color:#FFFFFF}
div.chapterlist_item a {display:block;width:100%}
div.chapterlist_item div.item {font-size:16px;padding:10px 0 10px 0}
div.deactive div.item_controls {background-color:#DDDDDD;opacity:0.7}
div.deactive_parent {background-color:#EEEEEE}
div.deactive {background-color:#CCCCCC}
div.deactive:hover {background-color:#DDDDDD}
div.item_controls {font-size:20px;white-space:nowrap;display:flex;align-items:center}
div.item_controls span {display:block;margin-left:8px}
div.item_controls span:first-child {margin-left:0}

.tooltip_hover {position:relative;cursor:help}
div.tooltip_hover_box {position:absolute;text-transform:none;text-align:center;white-space:wrap;letter-spacing:normal;font-weight:normal;opacity:0;z-index:2;padding:6px 12px 6px 12px;font-size:12px;width:150px;line-height:1.3;background-color:#166BDA;color:#FFFFFF;border-radius:5px;transition: 0.4s linear all;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05)}
div.tooltip_hover_box_visible {opacity:1}

span.new_paragraph {display:none;position:absolute;width:160px;top:-34px;left:-50px}

.lighter_blue_icon {cursor:pointer;color:rgb(22, 107, 218,0.5);font-size:20px}
.lighter_blue_icon:hover {color:#166BDA}

.blue_icon {cursor:pointer;color:#166BDA;font-size:20px}
.blue_icon:hover {color:#368BFA}

.gray_icon {cursor:not-allowed;color:#CCCCCC;font-size:20px}
.gray_icon:hover {color:#CCCCCC}



.red_icon {cursor:pointer;color:#D23261;font-size:20px}
.red_icon:hover {color:#C22251}
.black_icon {color:#000000;font-size:20px}
.info {cursor:help;}


ul.chapter_list {margin: 0;padding: 0px;width: 100%;}
ul.chapter_list li {cursor:pointer;display:flex;text-decoration: none;text-align: left;font-size: 18px;color: #166BDA;border-top: 1px solid rgba(0, 0, 0, 0.1);padding: 8px 8px 8px 8px;}
ul.chapter_list li:hover {background-color: rgba(0, 0, 0, 0.05);text-decoration: none;}
ul.chapter_list li.deactive {background-color:#CCCCCC}
ul.chapter_list li.deactive:hover {background-color:#BBBBBB}
ul.chapter_list li.current {font-weight:bold;color:#166BDA}
ul.chapter_list li.passive {color: rgba(255, 255, 255, 0.5)}
ul.chapter_list a {display:block;width:100%}

ul.chapter_list li.spacer {cursor:default;border:none;height:3em}
ul.chapter_list li.spacer:hover {background-color:transparent}

ul.chapter_list div.item {padding-top:8px;padding-bottom:8px}

div.topic_page div.chapter_list h1 {font-size:18px;margin-bottom:16px;padding:4px}
div.topic_page div.chapter_list ul {padding-right:16px}
div.topic_page ul.chapter_list li {font-size:14px;border-top: none;padding: 12px 4px 12px 4px;color:#000000}
div.topic_page ul.chapter_list li a {color:#000000}
div.topic_page ul.chapter_list li:hover {background-color:transparent;text-decoration:underline}
div.topic_page ul.chapter_list li.deactive:hover {background-color:#BBBBBB}
div.topic_page ul.chapter_list li span.meta {}
div.topic_page ul.chapter_list .item_icon {display:none}

ul.chapter_list_deactive {padding:4px;background-color:#EEEEEE}

li.active_item div.item {font-weight:bold}

div.topic_page div.chapter_list div.msg {font-size:12px}


div.tooltip_new {box-sizing: border-box;font-size:12px;position:absolute;width:200px;background-color:rgba(46,49,59,0.95);border-radius:5px;padding:16px;color:#FFFFFF;text-align:center;line-height:1.5;font-weight:normal;z-index:101}
div.tooltip_new_arrow_below {content: " ";display: block;position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 6px solid rgba(46,49,59,0.95);z-index:101}
div.tooltip_new_arrow_above {content: " ";display: block;position: absolute;width: 0;height: 0;transform: rotate(180deg);border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 6px solid rgba(46,49,59,0.95);z-index:101}


div.chapter_path {margin-top:16px;margin-bottom:32px}
a.chapter_path {display:inline-block;background-color:#166BDA;border-radius:5px;color:white;font-size:12px;padding:8px;text-decoration:none}
a.chapter_path_book {background-color:#166BDA;margin-right:8px}
a.chapter_path_item {background-color:transparent;color:#828389}
a.chapter_path_item:hover {text-decoration:underline;}

span.chapter_path_arrow {display:inline-block;padding:8px;background-color:transparent;color:#166BDA;}

div.topic_page {margin-top:32px;margin-bottom:64px}
div.default_page {margin-top:32px;margin-bottom:64px}
div.default_grid {display: grid;-ms-grid-columns: 250px 950px;grid-template-columns: 250px 950px;}

div.topic_grid {display: grid;-ms-grid-columns: 250px 950px;grid-template-columns: 250px 950px;}
div.hide_chapter_list {-ms-grid-columns: 0px 950px;grid-template-columns: 0px 950px;}

div.topic_in_modal {grid-template-columns: 0px 100%;}

div.chapter_page {width:1000px;margin-left:auto;margin-right:auto;padding-top:32px;margin-bottom:64px}
div.page_1000 {width:1000px;margin-left:auto;margin-right:auto;padding-top:32px;margin-bottom:64px}
div.page_800 {width:800px;margin-left:auto;margin-right:auto;padding-top:32px;margin-bottom:64px}
div.page_newslist {padding-right:250px}
div.news_search {margin-top:32px;margin-bottom:32px}

div.topic_info {color: #999999;font-family: Inter;font-size: 14px;margin-top: 0px;margin-bottom: 16px;line-height: 1.5em;}

span.padded {padding-left: 8px;padding-right: 8px;}

input.confirm [type=text] {font-family: fira sans;background-color: #EDF6FF;padding: 8px;border: none;}

ul.pick_items {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
ul.pick_items li {padding:5px;cursor:pointer}
ul.pick_items li:hover {background-color:rgba(0,0,0,0.1)}
.green_icon i {color: #52BE75;font-size: 20px;}

ul.pick_blue_hover {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
ul.pick_blue_hover li {margin-bottom:8px}
li.flex {display:flex;width:100%;justify-content:space-between;align-items:center}

div.pickable_item {display:inline-block;cursor:pointer;padding:4px}
div.pickable_item:hover {background-color:rgba(0,0,0,0.1)}
div.picked_item {background-color:rgba(0,0,0,0.1)}
div.non_pickable_item {display:inline-block;color:#999999;padding:4px;cursor:not-allowed}

div.top_menu_container {margin-top:32px;margin-bottom:32px}

div.menu_li_container {margin-bottom: 16px;}
div.menu_li_container ul {margin: 0;padding: 0;display: flex;align-items: center;gap: 16px;}
div.menu_li_container li {display: block;vertical-align: middle;cursor: pointer;white-space: nowrap;white-space: nowrap;color: #166BDA;font-size: 16px;}
div.menu_li_container li.active {color: #000000;font-size: 18px;font-weight: bold;}


table.hotel {width:100%;border-collapse:collapse;margin:0;padding:0;margin-bottom:32px}
table.hotel th {font-family:Fira Sans;font-size:14px;text-align:left;font-size:12px;font-weight:bold;padding-bottom:5px;padding-left:5px;padding-right:5px;}
table.hotel tr.hover:hover {background-color:rgba(0,0,0,0.1)}
table.hotel tr.deactive {background-color:rgba(0,0,0,0.2)}
table.hotel tr.deactive:hover {background-color:rgba(0,0,0,0.3)}
table.hotel td {font-family:Fira Sans;font-size:14px;border-top:1px solid #CCCCCC;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px;}
table.hotel td.hover:hover {cursor:pointer}
table.hotel td.value {text-align:right}
table.hotel th.value {text-align:right}
table.hotel td.value span {font-size:12px}
table.hotel th.gray {font-weight:normal;color:#999999}
table.hotel td.no_border {border-top:none}
table.hotel th a {color:#000000;text-decoration:none}
table.hotel th a:hover {text-decoration:underline}
div.hover, span.hover {cursor:pointer}
div.hover:hover, span.hover:hover {text-decoration:underline}
span.black_hover:hover {cursor:pointer;text-decoration:underline}

div.image_row img {max-width:100%}

div.group_users_container_deactive table.hotel {background-color:#EEEEEE}

ul.pick {margin:0;padding:0;width:100%;z-index:2}
ul.group_admin_results {display:none;position:absolute;background-color:#FFFFFF;border:2px solid #000000}
ul.pick li {display:block;padding:10px;cursor:pointer}
ul.pick li:hover {color:#FFFFFF;background-color:#000000}
ul.pick li.no_hits {color:#999999;cursor:not-allowed}
ul.pick li.no_hits:hover {color:#999999;background-color:inherit}

ul.pick_lighter li {display:block;padding:5px;cursor:pointer}
ul.pick_lighter li:hover {color:#000000;background-color:#CCCCCC}

div.pick_items {padding-top:4px;padding-bottom:4px}
div.pick_items_highlight {background-color:#EEF9F1}
div.pick_items label {margin-right:0}
div.group_level_0 {padding-left:16px}
div.group_level_1 {padding-left:32px}
div.group_level_2 {padding-left:48px}
div.group_level_3 {padding-left:64px}
div.group_level_4 {padding-left:80px}
div.group_level_5 {padding-left:96px}
div.group_level_6 {padding-left:112px}
div.group_level_7 {padding-left:128px}
div.group_level_8 {padding-left:144px}
div.group_level_9 {padding-left:160px}

ul.tab_menu {margin:0;padding:0}
ul.tab_menu li {display:inline-block;padding:10px 20px 10px 20px}
ul.tab_menu li.active {font-weight:bold;background-color:#FFFFFF;border-radius:10px 10px 0 0}
ul.tab_menu li:hover {cursor:pointer;text-decoration:underline}
ul.tab_menu li.active:hover {text-decoration:none}
ul.tab_menu a {color:#000000}

ul.top_page_menu {margin:0;padding:0}
ul.top_page_menu li {display:inline-block;padding:0px 20px 10px 0px}
ul.top_page_menu li.active {font-weight:bold}
ul.top_page_menu li:hover {cursor:pointer;text-decoration:underline}
ul.top_page_menu li.active:hover {text-decoration:none}
ul.top_page_menu a {color:#000000}

div.form_management_page {margin-top:16px;margin-bottom:64px}
div.form_management_page ul.top_page_menu li {font-size:12px}

div.group_path_container {display:table;margin-bottom:16px}
span.group_path_item {display:inline-block;vertical-align:middle;font-size:24px;font-weight:bold}
span.group_path_relative {display:inline-block;vertical-align:middle;cursor:pointer;white-space:nowrap;line-height:2em}
span.group_path_relative:hover {text-decoration:underline}
span.group_path_arrow {display:inline-block;vertical-align:middle;padding-left:16px;padding-right:16px;color:#999999}
div.group_path_container a {color:#000000}

.badge {display: inline-block;background: red;text-align: center;border-radius: 30px 30px 30px 30px;color: white;padding: 5px 10px;font-size: 12px;}
.badge_blue {background: #28AEF0;color: #000000;}
.badge_gray {background: #CCCCCC;color: #000000;}

.subtitle {font-size:12px;color: #999999;}

a.underline_hover div.main {color:#166BDA}
a.underline_hover div.subtitle {color:#8BB5ED}
a.underline_hover:hover div.subtitle {text-decoration:underline;color:#8BB5ED;text-decoration-color:#8BB5ED}
a.underline_hover:hover div.main {text-decoration:underline;color:#166BDA;text-decoration-color:#166BDA}

div.form_management_head {margin-bottom:32px}
div.form_management_head h1 {margin-bottom:4px}

span.normal_style {font-weight:normal;font-size:16px}

table.log {margin:0px;padding:0px;border-collapse:collapse;width:100%}
table.log td {margin:0;padding:4px;border:1px solid #DDDDDD}

#form div.image_container {padding-top:16px}
#form div.image_container img {max-width:100%}

div.category_item {padding-bottom:8px}

div.category_container {margin:16px;margin-top:0px;padding:8px;background-color:#F7F7F7}
div.category_container div {padding:4px}
div.form_readonly {opacity:0.7}

div.footer {text-align:center;padding:16px;font-size:12px;color:#999999}

.deadline {font-size:12px}
.deadline_expired {color:#D23261}

div.risk_flex {display:flex;align-items:center}
div.risk_flex_summary {margin-bottom:16px;opacity:0.3}

div.risk_score_box {height:220px;width:250px;border:2px solid #000000;position:relative;display:table-cell}
div.risk_score_box_summary {height:125px;background-color:#CCCCCC}

div.risk_score_between_boxes {padding:20px;vertical-align:middle;display:table-cell;font-size:32px;font-weight:bold;}
div.risk_score_title {position:absolute;top:20px;left:20px;right:20px;font-size:20px;text-transform:uppercase;font-weight:bold}
div.risk_score_radios  {position:absolute;bottom:20px;left:20px;right:20px}
div.risk_score_radios div {margin-top:10px}
div#risk_score_number {position:absolute;margin-top:25%;top:20px;bottom:20px;left:20px;right:20px;font-size:80px;font-weight:bold;text-align:center}
div#risk_score_text {position:absolute;bottom:20px;left:20px;right:20px;font-size:20px;text-transform:uppercase;font-weight:bold;text-align:center}

div#form_datepicker_container {position:relative;width:250px}
div#form_datepicker_container input.datepicker {width:100%;border:2px solid #000000;padding:20px;font-size:16px}
div#form_datepicker_container span {position:absolute;right:20px;font-size:26px;top:15px}

a.richText-help {display:none!important}
div.richText div.richText-editor {font-family:'Fira Sans';font-size:16px}

div.form_comment_element {margin-top:16px;width:600px}

div.comment_head {display:flex;width:100%;justify-content:space-between}
div.comment_entry {position:relative;background-color:#E1EBEE;padding:16px;padding-top:16px;border-radius:10px;margin-bottom:16px}
div.comment_entry_complete {background-color:#FFF8DC}
div.comment_details_left {color:#999999;font-size:12px;padding:4px;text-transform:uppercase}
div.comment_details {text-align:right;color:#999999;font-size:12px;padding:4px}

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.attachment_container {margin-bottom:8px}
div.form_comment_element 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;}

div.summary_value {position:absolute;bottom:16px;left:16px}

div#form_action_container h3 {padding-top:8px;padding-bottom:8px}
div.form_readonly_container {opacity:0.3}
div.show_shortcuts_form {display:none}

div.form_msg_button {display:inline-block;margin-left:16px}

div.right_align {text-align:right;font-size:16px;margin-bottom:8px}

div.inbox_item_title {display:flex;width:100%;background-color:#EEEEEE;border-radius:5px;padding:12px;margin-top:2px;cursor:pointer;justify-content:space-between;align-items:center}
div.inbox_item_title div.title {flex-grow: 4;}
div.inbox_item_title div.time {text-align:right;font-size:12px;color:#999999}
div.inbox_item_title div.status {color:#D23261;font-size:12px;padding-right:12px;min-width:20px}

div.inbox_item_message {display:none;font-size:14px;background-color:#F7F7F7;padding:12px;margin-left:32px;margin-bottom:32px}
div.profile_settings_link {text-align:right}

div.rounded_gray_box {position:relative;background-color:#EEEEEE;padding:12px;border-radius:10px;margin-bottom:32px}
div.rounded_gray_box h2 {font-size:14px;font-weight:normal;margin-bottom:12px;color:#999999;letter-spacing:0.1em}

div.profile_settings_container {position:relative;width:400px;background-color:#EEEEEE;padding:12px;border-radius:10px;margin-bottom:32px}
div.profile_settings_container h2 {font-size:14px;font-weight:normal;margin-bottom:12px;color:#999999;letter-spacing:0.1em}

table.form_profile {background-color:#EEEEEE;margin-bottom:16px}



div.profile_cover {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.2);border-radius:10px;opacity:0;display:none;-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
div.profile_spinner {position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

ul.tab {margin:0;padding:0;display:table;width:100%}
ul.tab li {display:table-cell;padding:16px 24px 16px 24px;border-bottom:1px solid #CCCCCC;white-space:nowrap}
ul.tab li:hover {cursor:pointer;text-decoration:underline}
ul.tab li.active {font-weight:bold;background-color:#FFFFFF;border-radius:10px 10px 0 0;border:1px solid #CCCCCC;border-bottom:none}
ul.tab li.active:hover {text-decoration:none}
ul.tab li.last {cursor:initial;width:100%;border-bottom:1px solid #CCCCCC;}
div.tab_frame {border:1px solid #CCCCCC;border-top:none;padding:16px 24px 16px 24px;}
div.group_edit_user_container {display:flex;gap:16px}

div.admin_box {padding:20px;border:2px solid #000000;position:relative;margin-top:32px;margin-bottom:32px;display:flex;justify-content:flex-start;align-items:flex-end;gap:10px}
div.admin_box_passive {opacity:0.5}
div.admin_identity {position:absolute;top:-20px;padding:10px;font-size:18px;background-color:#FFFFFF;}
div.admin_item {text-align:center;padding-top:10px;font-size:12px;max-width:100px}
div.right_desc {padding-bottom:8px}


input.form_search {width:400px;padding:12px;font-size:16px;border:2px solid #000000;background-color:#F9F9F9}
input.form_search_smaller {padding:8px;border:1px solid #CCCCCC;background-color:#FFFFFF}
div.profile_container {display:flex;flex-wrap:wrap;gap:32px}

img.pie_smaller {display:block;width:100px;margin-top:10px;vertical-align:middle}
div.grid_shortcuts {-ms-grid-row: 1;-ms-grid-column: 2; padding-left:64px;padding-right:16px;margin-top:48px;overflow-wrap: break-word;align-self: start;position:-webkit-sticky;position:sticky;top:0}

div.section_top_padding {padding-top:80px}
div.active_editing_section {background-color:#FFFFFF;max-height:70vh;overflow-y:scroll}

ul.sortable {margin:0;padding: 16px 0 16px 0;list-style-type: none;}

ul.sortable li {display: block;position:relative;padding:8px;padding-right:64px;margin-bottom:4px;font-size:14px;cursor:move;border-radius:4px;border:1px solid #D5D6D8;background-color:rgb(22, 107, 218, 0.05)}

ul.sortable div.item_icon {position:absolute;right:6px;top:5px}
ul.sortable div.item_icon span {padding-left:8px}
div.topic_info_element {margin-bottom:48px}

ul.sortable li:hover {background-color:#f6f9fd}
ul.sortable_images li {display:inline-block;position:relative;background-color:#E9F1FC;border:none;border-radius:5px;padding:8px}
ul.sortable_images li:hover {background-color:#E9F1FC}
ul.sortable_images li img {display:block;width:300px}
ul.sortable_images textarea {width:100%;font-size:12px;font-style:italic}
ul.sortable_images div.delete {position:absolute;top:0px;right:0px;padding:4px;background-color:rgba(255,255,255,0.8)}
ul.sortable li.sort_header {font-size:16px;font-weight:bold}

ul.flex li {display:flex;align-items: center}
ul.flex li span {display:block;margin-right:8px}
span.word_count {padding-left:16px;color:#CCCCCC}

div.section_container {position:relative;max-width:100%;width:100%}
div.section_container img {width:100%}
div.section_container video {width:100%}

div.editable_section {padding:4px;min-height:100px}

.editable_gray_background {background-color:#F5F5F5}
div.pencil_icon {pointer-events: none;position:absolute;right:4px;top:4px;color:#A1C0EC}
div.pencil_icon i {display:inline-block;padding-left:8px;font-size:18px}
span.sections_change {cursor:pointer;pointer-events: auto}

span.toggle_visibility {cursor:pointer}
div.section_text_hidden {display:none}
div.section_footer {display:none;justify-content:space-between;text-wrap:nowrap;align-items:center;line-height:1;padding-top:16px}
div.button_close_section {display:none}
div.button_close_element {display:none}

div.editable_mono {font-family: 'Inter'}

span.last_edited {font-size:12px;font-weight:normal}

div.indicator {border-radius:16px;padding:8px;display:flex;align-items:center;font-family:'Inter';font-size:13px;margin-left:8px;width:110px}
div.indicator .dot {padding-right:8px;font-size:10px}
div.indicator_icon {width:auto;padding:6px 8px 6px 8px;font-size:18px}

.up_to_date {font-size: 18px;padding: 6px 8px 6px 8px;margin-left:8px;background-color: #B5E3C4;color: #70BC7C;border-radius: 16px;border:2px solid #70BC7C}
.topic_page .up_to_date {font-size: 16px;padding: 0px;background-color: rgba(0,0,0,0);color: #70BC7C;border-radius: 0px;border:none}

.expired  {font-size: 18px;padding: 6px 8px 6px 8px;margin-left:8px;background-color: #FBe6D0;color: #DA7137;border-radius: 16px;border:2px solid #F6cfA6}
.topic_page .expired {font-size: 16px;padding: 0px;background-color: rgba(0,0,0,0);color: #DA7137;border-radius: 0px;border:none}

.helper {cursor: help;}
.indicator {cursor: help;}

span.meta {color: #BBBBBB;font-size: 14px;font-weight: normal;}
span.meta i  {padding-left:8px;font-size:20px}
li.deactive span.meta {color: #666666}

.yellow_indicator {background-color:#FBe6D0;border:2px solid #F6cfA6}
.yellow_indicator .dot, .yellow_dot {color:#DA7137}
.yellow_dot {font-size:10px;vertical-align:middle}
.yellow_indicator .text {color:rgba(218,113,55,1)}
.green_indicator {background-color:#B5E3C4;border:2px solid #70BC7C}
.green_indicator .dot {color:#70BC7C}
.green_indicator .text {color:#1C7449}
.gray_indicator {background-color:#CCCCCC;border:2px solid #BBBBBB}
.gray_indicator .dot {color:#666666}
.gray_indicator .text {color:#999999}
.blue_indicator {background-color:#d0e1f8;border:2px solid #abc9f2}
.blue_indicator .dot {color:#166BDA}
.blue_indicator .text {color:#166BDA}

div.system_box {border-radius:16px;padding:16px;font-family:'Inter';font-size:13px;margin-bottom:32px}
div.system_box_blue {background-color:#d0e1f8;border:2px solid #abc9f2}
div.system_box_flexed {display:flex;align-items:center;gap:8px}

.gray {color:#999999}
div.topic_page div.indicator {width:auto;border-radius:0;padding:0;background-color:transparent;border:none}
div.topic_page div.indicator_icon {display:none}
div.topic_page div.indicator .text {display:none}
div.topic_page div.indicator .dot {padding:0}

div.styled_inputs input[type="checkbox"]:hover + label span {background:url(images/checkbox_hover.png) top no-repeat;background-size:22px 22px}
div.styled_inputs input[type="checkbox"]:checked + label span {background:url(images/checkbox_checked.png) top no-repeat;background-size:22px 22px;}

div.styled_inputs input[type="checkbox"].gray:checked + label span {background:url(images/checkbox_checked.png) top no-repeat;background-size:22px 22px;}

div.blue_inputs input[type="checkbox"] + label span {background:url(images/checkbox_blue_unchecked.png) top no-repeat;background-size:22px 22px;}
div.blue_inputs input[type="checkbox"]:hover + label span {background:url(images/checkbox_blue_hover.png) top no-repeat;background-size:22px 22px;}
div.blue_inputs input[type="checkbox"]:checked + label span {background:url(images/checkbox_blue_checked.png) top no-repeat;background-size:22px 22px;}

span.passive_checkbox_unchecked  {width:22px;height:22px;display:inline-block;background:url(images/checkbox_unchecked.png) top no-repeat;background-size:22px 22px;}
span.passive_checkbox_checked  {width:22px;height:22px;display:inline-block;background:url(images/checkbox_checked.png) top no-repeat;background-size:22px 22px;}

input[type="checkbox"].blue {display:none}
input[type="checkbox"].blue + label span {background:url(images/checkbox_blue_unchecked.png) top no-repeat;background-size:22px 22px;height:22px;width:22px;display:inline-block;vertical-align:middle;margin-right:8px}
input[type="checkbox"].blue:hover + label span {background:url(images/checkbox_blue_hover.png) top no-repeat;background-size:22px 22px;height:22px;width:22px;display:inline-block}
input[type="checkbox"].blue:checked + label span {background:url(images/checkbox_blue_checked.png) top no-repeat;background-size:22px 22px;height:22px;width:22px;display:inline-block}
span.deactive_checkbox {background:url(images/checkbox_blue_unchecked.png) top no-repeat;background-size:22px 22px;height:22px;width:22px;display:inline-block;vertical-align:middle;margin-left:6px;margin-right:8px;filter: grayscale(100%);}
span.gray {color:#999999}

div.template_desc {display:block;margin-bottom:8px;font-size:16px;font-weight:bold;margin-left:8px}
div.template_details {display:flex;flex-wrap:wrap;margin-bottom:32px;margin-left:8px}
div.template_item {padding:6px;border-radius:6px;border:2px solid #3E6ccc;margin-right:4px;margin-bottom:4px;font-size:12px;background-color:#EaF1Fb;color:#3E6ccc}
div.template_item_deactive {background-color:#EEEEEE;color:#999999;border:2px solid #CCCCCC}
input.template_desc {width:100%;display:block;margin-bottom:8px;font-size:16px;font-weight:bold;margin-left:8px}
table.form input.template_comment[type="text"] {width:100%;display:block;color:#999999}
tbody.hoverable_radio tr:hover {background-color:#EaF1Fb}
tbody.hoverable_radio td {padding:4px}

div.page_not_found {margin-top:32px;margin-bottom:32px}
div.page_not_found h1 {margin-bottom:32px}

div.new_item_container {margin:16px;margin-left:8px}
div.topic_page div.new_item_container {margin-left:0}


input[type=text].white_box,input[type=password].white_box {
    box-sizing: border-box;
    font-size: 1em;
    border: 2px solid transparent;
    outline: none;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 12px;
    font-family: Fira Sans, sans-serif, 'Font Awesome 5 Pro', sans-serif;
    border: 2px solid #EFEFEF
}

input[type=text].white_box:focus,input[type=password].white_box:focus {
    border: 2px solid #166BDA
}

div.suggestions {border-radius:5px}
ul.list li:hover {background-color:#eaeaeb}

div.suggestions h2.suggestion_title {font-size:18px;padding-bottom:8px;color:#000000!important}
div.suggestions h2.suggestion_title:hover {color:#000000!important;}
div.suggestions span.summary {color:#999999}

.anchor {
    position: relative
}

div.suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    overflow-x: hidden;
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
    z-index: 3
}

div.suggestions h2.suggestion_title {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 4px;
    border: none;
    padding: 0
}

ul.list {
    margin: 0;
    padding: 0px;
    width: 100%
}

ul.list li {
    text-decoration: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    display: block;
    padding: 16px 16px 16px 16px;
    word-wrap: break-word;
    white-space: normal
}

ul.list li.passive {
    color: #999999
}

ul.list li.passive:hover {
    cursor: auto;
    background-color: #FFFFFF
}

ul.list a {
    text-decoration: none
}

div.search_results h1 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 32px
}

div.search_results h2 {
    display: inline-block;
    font-size: 1em;
    margin-top: 0px;
    margin-bottom: 4px;
    text-transform: none
}

div.search_results ul.list li {
    padding: 16px 0px 16px 0px
}

div.search_results ul.list li.passive:hover {
    cursor: auto
}



ul.list span.book_title {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #B2B2B2;
    padding-left: 8px;
    text-decoration: none;
    white-space: normal
}

#top_search_anchor input.desktop_version, input.rounded_version[type=text] {
  width: 240px;box-shadow:none;background-color:#F7F7F7;border:2px solid #F7F7F7;border-radius:32px;
}

div.search_container {
    display: flex;
    align-items: center;
    margin-bottom:32px;
}
.anchor {
    position: relative;
}

button.button {
	font-family:fira sans;
    display: inline-block;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
}
div.search_container button {
    margin-left: 32px;
}
button.button_confirm {
    background-color: #166BDA;
    color: #FFFFFF;
}



div.search_container input[type=text].white_box {padding:16px}
span.match_highlight {background-color:#e9d396}

h3.blue_hover {font-size:24px;margin-bottom:16px}
div.expandable {display:none;margin-bottom:32px}



div.horizontal_flex {display:flex;align-items:flex-start;gap:32px;justify-content:space-between}
div.horizonal_child1 {min-height:400px}

div.group_tree {margin-bottom:32px}

div.mce_plugin_container {margin-left:16px;margin-right:16px;padding-top:16px;margin-bottom:16px;padding-bottom:96px;position:relative}
div.mce_plugin_buttons {position:fixed;bottom:0;right:0;left:0;padding:16px;background-color:#FFFFFF;border-top:1px solid #CCCCCC}

span.pick_paragraph {cursor:pointer;display:inline-block;color:#bbbbbb;margin-left:8px}
span.pick_paragraph:hover {color:#166BDA}
div.pick_paragraph_container {display:none;margin:8px;margin-left:44px;flex-wrap:wrap}
div.pick_paragraph_container div {font-size:12px;margin-right:8px}

div.link_books_container {display:flex;flex-wrap: wrap;gap:8px;margin-bottom:16px}
div.link_books_container div {color:#166BDA;cursor:pointer;font-size:14px;padding:6px;border:1px solid #166BDA;border-radius:4px}
div.link_books_container div:hover {background-color:#166BDA;color:#ffffff}

div.references_options {display:flex;align-items:flex-start;justify-content:space-between;margin-top:16px}
div.references_plugin_container {margin-top:16px}
div.reference_item {padding:8px 4px 8px 4px;cursor:pointer}
div.reference_item:hover {background-color:rgba(0,0,0,0.05)}
span.reference {vertical-align:super;font-size:12px;padding:2px;padding-left:0;color:#166BDA;cursor:pointer}
span.reference:hover {text-decoration:underline}
div.ref_popup {display:none;white-space:wrap;z-index:1;box-sizing: border-box;font-size:12px;position:absolute;width:260px;left:50%;margin-left:-130px;background-color:rgba(255,255,255,1);border-radius:5px;border:1px solid #CCCCCC;padding:8px;color:#000000;text-align:left;line-height:1.5;font-weight:normal;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);cursor:pointer}
.ref_item {transition: 0.5s linear all}
.ref_scrolled_to {transition: none;background-color:rgba(0,0,0,0.3);color:#FFFFFF}
.ref_item span.ref_count {display:block;padding-right:4px;text-align:right;min-width:25px}
div.ref_item {display:flex;align-items:flex-start}

ins {background:#cfc;text-decoration:none;color:#000000}
del {background:#fcc;text-decoration:none;color:#000000}
ins  div {background:#cfc;text-decoration:none}
del  div {background:#fcc;text-decoration:none}
ins  p {background:#cfc;text-decoration:none}
del  p {background:#fcc;text-decoration:none}
del  img {background:#fcc;padding:10px}
ins  img {background:#cfc;padding:10px}
ins li {background:#cfc;text-decoration:none}
del li {background:#fcc;text-decoration:none}
ins tr {background:#cfc;text-decoration:none}
del tr {background:#fcc;text-decoration:none}
ins td {background:#cfc;text-decoration:none}
del td {background:#fcc;text-decoration:none}

.tox .tox-dialog__title {font-family:Fira Sans!important;font-size: 24px!important;margin-top:8px!important;font-weight: bold!important;text-transform: none;}
table.hotel td.log_level_1 {font-size:18px}

div.ref_bottom_flex {display:flex;justify-content:space-between;align-items:flex-end;gap:16px}

.clickable_row {cursor:pointer}
a.cell_href {text-decoration:none;color:#000000;display:block}

.mobile {display:none}
div.item_list {display:flex;gap:12px;font-size:12px;flex-wrap:wrap;margin-bottom:16px}
div.item_list_gray {color:#999999}
div.item_listed {margin-bottom:8px;font-size:14px}

.popup_icon {position:relative}

div.flex_container {display:flex}
div.flex_container div.flex_div {width:50%;padding-left:16px}
div.flex_container div.flex_div:first-child {border-right:1px solid #CCCCCC;padding-left:0}
img.roster_type_image {max-width:20px}

div.correction_row {display:flex;width:100%;gap:8px;margin-bottom:8px;position:relative;align-items:center}

div.flex_container_gapped {display:flex;gap:16px;width:100%}
div.flex_container_gapped > div {flex-basis: 100%}

div.correction_row div.user {width:25%}
div.correction_row div.date {width:10%}
div.correction_row div.desc {width:20%}
div.correction_row div.amount {width:10%}
div.correction_row div.hours {width:10%}
div.correction_row div.rate {width:10%}
div.correction_row div.lonnsart {width:10%}
div.correction_row div.icons {width:5%;text-align:right}
div.correction_row input {width:100%;padding:4px}

div.section_text img {cursor: zoom-in}
div.editable_section img {cursor: default}
div.image_fullscreen {max-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:105;opacity:0;visibility: hidden;bottom: 0;left: 0;overflow: auto;position: fixed;right: 0;top: 0;background-color:rgba(0,0,0,0.5);-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
div.image_fullscreen_visible {opacity:1;visibility: visible;cursor: zoom-out;}
div.image_fullscreen div.spinner {display:none;color:#999999;font-size:80px;position:absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

img.fullscreen {max-width: 100%;display:block;max-height:90vh;}
div.fs_img {position:relative;opacity: 0;visibility: hidden;-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
img.fullscreen_visible {opacity: 1;visibility: visible;}
div.fs_title {display: none;}
div.fs_caption {display: none;}

.display_none {display: none;}
div.invisible {opacity: 0;visibility: hidden;}
div.visible {opacity: 1;visibility: visible;}

div.front_shortcuts_container {
    margin-bottom: 64px
}

div.item_date {
    margin-bottom: 8px;
    font-size: 14px;
    color: #CCCCCC
}

div.item_link {
    margin-bottom: 24px;
    font-size: 14px;
    color: #828389
}

div.item_subitem {
    margin-top: 4px;
    font-size: 12px;
    color: #CCCCCC
}

div.front_shortcuts_container div.item_date {
    margin-bottom: 4px
}

div.page_setup div.item_date {
    margin-bottom: 4px
}

div.front_shortcuts_header {
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 14px;
    color: #828389;
    font-weight: bold;
    margin-bottom: 16px
}

div.system_box div.item_date {color:rgba(0,0,0,0.5)}
div.system_box div.item_link {color:rgba(0,0,0,1);margin-bottom:0px}
div.system_box div.item_subitem {color:rgba(0,0,0,0.5)}

div.system_box_clickable {opacity:0.8}
div.system_box_clickable:hover {opacity:1}

div.page_setup {width:1000px;margin-left:auto;margin-right:auto;padding-top:64px;margin-bottom:64px;display: grid;-ms-grid-columns: 70% 30%;grid-template-columns: 70% 30%;column-gap: 64px;}

div.news_container {margin-bottom:256px;}
div.news {width:1000px;margin-left:auto;margin-right:auto;padding-top:32px}


div.news div.text {display: grid;-ms-grid-columns: 70% 30%;grid-template-columns: 70% 30%;}
div.news div.left {padding-right:32px;border-right:1px solid #CCCCCC}
div.news div.right {padding-left:64px}
div.news h1 {margin-bottom:32px}
div.news div.ingress {font-size:22px;font-weight:normal;line-height:150%}
div.news div.contents {line-height:150%}
div.news div.image {margin-bottom:32px;position:relative}
div.news div.image img {width:100%;display:block}
div.news div.image div.description {padding-top:4px;font-size:12px;font-style:italic}
div.carousel div.description {padding-top:4px;font-size:12px;font-style:italic}
div.news div.metadata {margin-bottom:32px;font-size:14px;line-height:150%;color:#666666}
div.news div.metadata div.time {margin-bottom:32px}
div.news div.metadata div.author {margin-bottom:0px}
div.news div.metadata div.book {margin-bottom:16px}
div.news div.metadata div.hashtag {margin-bottom:16px;background-color:#EEEEEE;padding:6px;border-radius: 5px;text-transform: uppercase;display:inline-block}

div.news_items div.hashtag {background-color:#EEEEEE;padding:6px;border-radius: 5px;text-transform: uppercase;display:inline-block}

div.news div.h1 {font-size:32px;font-weight:bold}
div.news div.section_edit {background-color:#E9F1FC;margin:-8px;margin-top:-12px;margin-bottom:-12px;padding:8px;border-radius:8px;position:relative}
div.news div.section_edit:hover {background-color:#F5F9FE}
div.news div.editable_section:hover {background-color:#F5F9FE}

div.news div.section_edit_buttons {opacity:0;visibility:hidden;position:absolute;top:0;right:-200px;width:200px;}

div.news div.active_section {background-color:#FFFFFF}

div.news div.section_unsaved {background-color:#FFEEEE}
div.news div.section_unsaved:hover {background-color:#FFDDDD}
div.news div.button_separator {margin-top:4px}

div.news div.image div.image_edit_buttons {position:absolute;right:4px;bottom:4px}

div.news div.not_saved {opacity:0;visibility:hidden;;position:absolute;bottom:4px;right:4px;background-color:#FFCCCC;color:red;font-size:12px;padding:4px;border-radius:4px;}
div.news div.visible {opacity:1;visibility:visible}

div#carousel_container {margin-top:32px}
.bx-wrapper .bx-controls-direction a {z-index:0!important}

div.book_home_meta_container h1 {margin-bottom:32px}

div.news_year_links {display:flex;flex-wrap:wrap}
div.news_year_links div {margin:0 16px 16px 0}

div.suggestions div.subtitle {margin-top:4px;color:#CCCCCC;font-weight:normal}
div.search_results div.subtitle {margin-top:4px;color:#CCCCCC;font-weight:normal}

div.message {font-family:Inter;background-color:#FCF2F5;padding:16px;margin-bottom:16px;font-size:14px;display:flex;gap:10px;align-items: center;width:100%}


div.message div.icon {font-size:16px}
div.message div.text {flex-grow:10}
div.message div.button_container {}

div.message_error {background-color:#FBEAEF}
div.message_error div.message_button {border-radius:5px;border: 2px solid #9E1C53;padding:16px 24px 16px 24px;cursor:pointer;color:#9E1C53;}
div.message_error div.message_button:hover {background-color:rgba(158, 28, 83, 0.1)}
div.message_error div.icon {color:#D23261}

div.message_ok {background-color:#DAF1E1}
div.message_ok div.message_button {border-radius:5px;background-color:#219653;padding:16px 24px 16px 24px;cursor:pointer;color:#FFFFFF;}
div.message_ok div.message_button:hover {background-color:rgba(33, 150, 83, 0.8)}
div.message_ok div.icon {color:#219653}

div.message_info {background-color:#FFF8DC}
div.message_info div.message_button {border-radius:5px;background-color:#166BDA;padding:16px 24px 16px 24px;cursor:pointer;color:#FFFFFF;}
div.message_info div.message_button:hover {background-color:#1256AE}
div.message_info div.icon {color:#CC8d00}

div.editor_functions {background-color:rgb(22, 107, 218, 0.05);margin-bottom:32px}

div.message_blue {background-color:rgb(22, 107, 218, 0.05)}
div.message_blue div.message_button {border-radius:5px;background-color:#166BDA;padding:16px 24px 16px 24px;cursor:pointer;color:#FFFFFF;}
div.message_blue div.message_button:hover {background-color:#1256AE}
div.message_blue div.icon {color:#166BDA}

div.message_smaller {padding:8px;font-size:12px}
div.message_smaller div.message_button {padding:8px 12px 8px 12px;}

div.message_align_top {align-items: flex-start;}

div.button_generic {font-size:12px;border-radius:5px;border: 2px solid #9E1C53;padding:8px 12px 8px 12px;cursor:pointer;color:#9E1C53;white-space:nowrap}
div.button_generic:hover {background-color:rgba(33, 150, 83, 0.8)}

div.button_generic_yellow {background-color:rgba(238,186,17,1);color:#000000;border:2px solid #000000}
div.button_generic_yellow:hover {background-color:rgba(238,186,17,0.8)}
div.button_generic_green {background-color:#219653;color:#FFFFFF;border:2px solid white}
div.button_generic_green:hover {background-color:rgba(33, 150, 83, 0.8)}

div.message div.buttons_distribution {display:flex;gap:16px;align-items:center}

div.section_modified {border-left:solid 2px #9E1C53;margin-left:-24px;padding-left:24px;position:relative}
div.framework_header {font-size:24px;margin-bottom:16px}

div.section_highlighted div.section_modified {border-left:none}

div.header_buttons_flex {display:flex;justify-content:space-between;align-items:flex-start}
div.header_buttons_flex {display:flex;justify-content:space-between;align-items:flex-start}
div.framework_pushbuttons {display:flex;justify-content:flex-end;align-items:flex-start;gap:8px}
div.pushbutton {border-radius:100px;padding:8px 16px 8px 16px;border:1px solid rgba(22, 107, 218, 1);background-color:#FFFFFF;color:#000000;cursor:pointer;white-space: nowrap}
div.pushbutton:hover {background-color:#e9f0fc;}
div.pushbutton_active {background-color:rgba(22, 107, 218, 1);color:#FFFFFF;cursor:default}
div.pushbutton_active:hover {background-color:rgba(22, 107, 218, 1);}

div.framework_pushbuttons_smaller div.pushbutton {font-size:12px;padding:4px 8px 4px 8px}

div.topic_subscription_changes {display:flex;flex-direction:column;align-items:stretch;height:100%;padding:32px;padding-bottom:0}
/*div.topic_subscription_changes div.header_buttons_flex {padding:32px;padding-bottom:0}
div.topic_subscription_changes div.topic_info {padding:32px;padding-bottom:0;padding-top:0}

*/
div.topic_subscription_changes div.source_section {max-width:none}
div.topic_subscription_changes div.compare_topics_bottom {padding:32px;border-top:1px solid rgba(20, 24, 35, 0.1)}

.topic_info_container {margin-bottom:32px}
.icon_buttons_container {margin-bottom:16px}
.icon_button {display:inline-block;background-color:rgb(22, 107, 218,0.1);border-radius:4px;width:40px;height:40px;text-align:center;cursor:pointer;line-height:40px;font-size:22px;color:#166BDA;margin-right:8px}
.icon_button:hover {background-color:rgb(22, 107, 218,0.2)}

.icon_button_green {background-color:#B5E3C4;color:#1C7449}
.icon_button_green:hover {background-color:#A5D3B4}

.empty_text {opacity:0.3}

div.mce_author_notes_container {height:50vh}
div.mce_references_container {height:50vh}

ins div.section {margin:-8px;padding:8px;border-radius:4px}
del div.section {margin:-8px;padding:8px;border-radius:4px}

div.scrollable {overflow-y: auto}
div.subscription_compare_button_container {text-align:right;margin-bottom:8px}
div.topic_section_container {padding-top:16px}

div.flex {display:flex;align-items:center}
div.flex_space_between {display:flex;gap:32px;align-items:flex-start;justify-content:space-between}


div.item_picker_container {flex:0 0 200px}
div.section_log_container {flex:0 0 631.398px}

div.chapter_page h1 {margin-bottom:16px;font-size:24px}

table.common {width:100%;border-collapse: collapse;margin:0;padding:0}

table.common tr:hover  {background-color:rgba(0,0,0,0.05)}
table.common tr.red  {background-color:#FCF4F4}
table.common tr.red:hover  {background-color:#F9E9E9}
table.common tr.green  {background-color:#F4FCF2}
table.common tr.green:hover  {background-color:#E9FAE5}
table.common tr.head:hover  {background-color:rgba(0,0,0,0)}
table.common tr.passive td {color:#999999}
table.common td {border-top:1px solid #CCCCCC;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px}
table.common td, table.common th {font-family:Fira Sans,verdana,sans-serif;}
table.common th {text-align:left;font-size:12px;font-weight:bold;padding-bottom:5px;padding-left:5px;padding-right:5px}
table.common td.hover:hover  {text-decoration:underline;cursor:pointer}
table.common td a.blue_link, table.common th a.blue_link {color:#166BDA}
table.common td a:hover, table.common th a:hover {cursor:pointer}
table.common td.center {text-align:center}
table.common span.subtitle {font-size:80%;color:#999999}
table.common span.title:hover {text-decoration:underline}
table.common span.subtitle a:link {color:#999999}
table.common span.subtitle a:visited {color:#999999}
table.common span.subtitle a:hover {color:#166BDA}
table.common span.topic {}
table.common span.chapter {font-weight:bold}
table.common a.blue_on_hover:hover {color:#166BDA;text-decoration:underline;cursor:pointer}
table.common td.gray {color:#999999;}
table.common td.width_100 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;width:100px;}
table.common td.width_50 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px;width:50px;}
table.common td.centered {text-align:center}
table.common td.help {cursor:help;}




span.note-container {display:inline;box-sizing: border-box;position:relative}
span.note-container span.note-button {display:inline;border-bottom-style: dotted;border-bottom-width: 2px;cursor:pointer}

span.note-container span.note-button:focus {
    outline: 2px dotted #26292a;
    border: none;
    background: #fff7a3;
}

span.note-toggle > span.note-content {
	animation: fadeInFromTop 0.2s backwards;
	opacity: 1;
	transform: translateY(2px);
	z-index: 9999;
}

span.note-toggle[hidden] > .note-content {
	opacity: 0;
}

span.note-content {
	display:block;
	position: absolute;
	left:1px;
	box-sizing: border-box;
	padding: 16px;
	font-size: 16px;
	background: #fff;
	max-width: 100%;
	min-width: 300px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	z-index: 3;
	word-break: break-word;
	max-width:400px;
}

span.note-content span.title {
	display:block;
	font-size:20px;
	font-weight:bold;
	margin-bottom:16px;
}
span.note-close {
	position: absolute;
	right: 0px;
	top: -3px;
	
	color: #999;
	border: none;
	padding: 0;
	background: none;
}

span.note-close:before {
	font-family: FontAwesome;
	content: "\e59b";
	font-size: 20px;
	font-weight:100;
	cursor:pointer;
}

@keyframes fadeInFromTop {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
}

div.checkitem {margin-bottom:12px}
div.checkitem div.title {margin-bottom:2px;font-size:16px}
div.checkitem div.subtitle {font-size:12px;color:#999999}

td.margin_bottom {padding-bottom:24px}

div.message_header {letter-spacing: 0.5px;text-transform: uppercase;font-size: 14px;font-weight:bold;margin-bottom:16px}
div.editor_item {margin-top:8px;font-size:14px;color:#000000;cursor:pointer}
div.editor_item:hover {text-decoration:underline}

div.app_shortcut_container {display:flex;gap:16px;align-items: center;margin-bottom:16px}
div.app_shortcut {border:1px solid #999999;border-radius:5px;padding:16px}

div.modal_items_list div {font-size:16px;margin-bottom:12px}

div.modal_new_guts ul.tab_menu {margin-left:20px}
div.modal_new_guts ul.tab_menu li.active {background-color:#EEEEEE}
div.modal_new_guts div.profile_settings_container {width:100%}

div.modal_tab_menu_container {height:50vh}

div#captcha_container {display:inline-block;position:relative}
img#captcha_code {-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out}
div#captcha_reload {position:absolute;bottom:0;right:0;padding:5px;background-color:rgba(255,255,255,0.8);color:#166BDA;font-weight:600;cursor:pointer}
div#captcha_reload:hover {color:#4791F2}
div#captcha_ok {position:absolute;bottom:0;right:0;padding:5px;display:none;color:#66B032}

div.app_shortcuts_result {margin-top:32px}

div.notes_attachments {text-align:right}
label.notes_file {font-size:14px;color:#166BDA;margin-right:0}
label.notes_file:hover {text-decoration:underline}

div.notes_files_list {display:flex;flex-direction: column;align-items: flex-end;}
table.notes_files_list {margin-top:16px}
table.notes_files_list td {padding-left:4px;padding-top:4px}

div.slider_flex {display:flex;margin-right:32px}
div.toggle_edit {width:80px}
.toggle_edit input[type="checkbox"] {display: none;}


.slider_white {color:rgba(255,255,255,1)}
.slider_gray {color:rgba(255,255,255,0.3)}

.slider_gray:hover {text-decoration:underline;color:#FFFFFF;cursor:pointer}

.toggle_edit label {color: #FFFFFF;position: relative;}

.bold {font-weight:bold}

.toggle_edit input[type="checkbox"] + label::before{
    content: ' ';
    display: block;
    height: 14px;
    width: 35px;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    position: absolute;
    top: -13px;
    left: -40px;
    background: #CCCCCC;
    transition: all 0.3s ease-in-out;
  }
  
 .toggle_edit input[type="checkbox"] + label::after{
    content: ' ';
    display: block;
    height: 24px;
    width: 24px;
    border: 1px solid #999999;   
    border-radius: 50%;
    position: absolute;
    top: -18px;
    left: -50px;
    background: #999999;
    transition: all 0.3s ease-in-out;
  }
  
   .toggle_edit input[type="checkbox"]:checked + label::before{
    border: 1px solid #FFFFFF;  
    background: #FFFFFF;
    transition: all 0.3s ease-in-out;
  }

  .toggle_edit input[type="checkbox"]:checked + label::after{
    left: -20px; 
    border: 1px solid #6FBB7C;   
    background: #6FBB7C;
    transition: all 0.3s ease-in-out;
  }

div.topic_page iframe  {width:100%}

div.custom_data_log_table {max-height:230px;overflow-y: auto;margin-bottom:16px}
div.custom_data_log_container {max-height:230px;overflow-y: auto;margin-bottom:0px}

div.modal_new_guts img {max-width:100%}

div.mce_plugin_help_flex {display:flex}

div.mce_plugin_help_flex div.help_menu {width:20%;padding-right:64px}
div.mce_plugin_help_flex div.help_target {width:80%}
div.mce_plugin_help_flex img {width:100%}

div.front_right_contents {font-size:14px;line-height:150%}
div.front_right_contents a {color:#000000}
div.front_right_contents a:hover {text-decoration: underline}
div.top_line_contents {display:flex;gap:32px;justify-content:flex-start}
div.top_line_contents a {display:inline-block}

div.user_group_search_container {width:500px}

div.gray_container_button_choice {display:flex;width:100%;justify-content:flex-end;align-items:center;gap:16px;margin-top:16px}
textarea.newsletter {width:100%;height:500px;font-family:'Inter'}

@media only screen and (max-device-width: 480px) {
	body.disable_scroll {padding-right:0px}
	ul.disable_scroll {padding-right:0px}
	div.flex_container {flex-wrap:wrap}
	div.flex_container div.flex_div {width:100%;padding:0}
	div.flex_container div.flex_div:first-child {border-right:none}
	div.flex_container td.left_cell {width:40%}
	div.flex_container td.right_cell {width:60%}
	div.profile_container {display:block;box-shadow: none;background-color: transparent;}
	div.profile_settings_container {width:100%}
	.desktop {display:none}
	a#change_book {opacity:1}
	ul.top_page_menu {padding-left:16px;padding-right:16px}
	div.form_msg_button {display:block;margin-left:0px;margin-top:8px}
	div.topic {box-shadow: none;background-color: transparent;}

	div.topic h1 {font-size: 24px;margin-bottom: 16px;}
	div.topic h2 {font-size: 16px;}
	div.topic_info {margin-bottom: 16px;}

	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}
	.desktop_version {display:none!important}
	.mobile_version {display:block!important}
	div.grid_topic_container {display:block;padding:16px}

   	div.grid_shortcuts {z-index:3;height:100vh;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;padding:0;margin:0;background-color:rgba(0,0,0,0.85);overflow-y:scroll;-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;backdrop-filter: blur(6px);}
	div.grid_shortcuts ul.chapter_list {padding:0% 10% 20% 10%;width:80%}
	ul.chapter_list li {color:#FFFFFF;font-size:18px}

	div.topic_page div.grid_shortcuts ul.chapter_list li {color:#FFFFFF;font-size:18px}

 	div.close_shortcuts {position: fixed;top: 8px;right: 12px;color: rgba(255, 255, 255, 0.8);font-size: 30px;cursor: pointer}
	div.close_shortcuts_text {position: fixed;left: 0;right: 0;bottom: 0;text-align: center;padding: 20px;color: #FFFFFF;font-weight: bold;cursor: pointer;font-size: 20px}

    /*div#head_1 {display:none}
    div#head_2 {display:none}
    div#head_3 {display:none}*/

    div.top_container {padding:8px 4px 8px 4px;font-size:12px}
	div#top_middle_container {margin:4px}

	div.edit_topic {margin-bottom:128px}
	div.topic_page {padding-top: 32px;margin:0}
    div.topic_page div.chapter_list {opacity:0}
    div.topic_page div.chapter_path {margin-bottom:0px;}
    div.chapter_path {margin:0 4px 16px 4px}

   /* div.topic_page div.box {padding-top:0px}*/
    div.topic_grid {display: grid;-ms-grid-columns: 0px 100%;grid-template-columns: 0 100%;}
	div.default_grid {display: grid;-ms-grid-columns: 0px 100%;grid-template-columns: 0 100%;}

    div.chapter_page {width:100%;padding-top:32px}

    ul.horizontal_menu {padding:4px}

    ul.horizontal_menu li {font-size:12px;padding:4px}

   	div.msg, div.foxtrot_message {font-size:12px}

   	table.error_log td {font-size:10px}

   	div.form_comment_element {width:auto}

   	div.form_management_head {padding-left:16px;padding-right:16px}

   	div.form_management_page div.show_shortcuts {margin-right:16px;}
   	div.form_process {box-shadow: none;background-color: transparent;}

   	div.risk_flex {display:block}
   	div.risk_score_box {display:block}
   	div.form_background_container {margin-left:16px;margin-right:16px}

   	/*div#form_action_container div.msg {margin-left:16px;margin-right:16px}*/
   	div.user_result {width:auto;font-size:12px;overflow:hidden}
   	/*table.form input.datepicker {width:80px;padding:6px}*/
   	div.form_status {margin-bottom:4px}
   	div.mobile_version div.main {margin-top:8px}
   	div.submitted_forms_container {box-shadow: none;background-color: transparent;}

	ul.tab_menu li {padding:10px 10px 10px 20px;font-size:14px}
	ul.tab_menu li.active {background-color:transparent;border-radius:0}
	div.form_sender {margin-bottom:4px}

	div.submitted_forms_container td {vertical-align:top}

	div.topic_page div.chapter_list h1 {color:#FFFFFF;font-size:20px;padding:20% 10% 10% 10%}

	div.inbox_container {box-shadow: none;background-color: transparent;}

	div.group_edit_user_container {display:block}

	div.group_path_container, div.group_children_container {padding-left:16px;padding-right:16px}
	input.form_search {width:100%}
	table.form div.checkboxes {display:block}
	table.form div.checkbox_pair {margin-bottom:8px}
	.editable_gray_background {background-color:#FFFFFF}
	div.pencil_icon {top:0px}

	div.ref_bottom_flex {display:flex;flex-wrap:wrap}

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

	div.menu_li_container ul {flex-wrap:wrap;padding-left:16px;padding-right:16px}
	div.roster_page {padding-left:8px;padding-right:8px}

	div.page_setup {width:100%;display:block;padding-left:8px;padding-right:8px}
	div.indicator {width:auto}
	.indicator .text {display:none}
	div.indicator .dot {padding-right:0}

	div.news {width:90%}
	div.news div.text {display:block}
	div.news div.left {padding-right:0px;border-right:none}

	div.news div.metadata {margin-bottom:32px;font-size:12px;line-height:150%;color:#666666}
	div.news div.metadata div.time {margin-bottom:0px;padding-top:16px;border-top:1px solid #999999}
	div.news div.metadata div.author {margin-bottom:0px}
	div.news div.metadata div.book {margin-bottom:0px}

	div.front_shortcuts_container {margin-top:32px;margin-left:8px;margin-right:8px}

	div.news div.section_edit_buttons {top:auto;bottom:-40px;right:4px;width:auto}
	div.news div.button_separator {display:inline-block;margin-top:0px;margin-left:8px}

	div.page_1000 {width:100%}
	div.page_800 {width:100%}
	div.page_newslist {padding-left:8px;padding-right:8px}

	div.section_modified {border-left:solid 8px #9E1C53}
	div.message div.button_container {white-space:wrap}
	div.message div.buttons_distribution {flex-direction:column;align-items:flex-start}

	div#top_middle_container div.book_title {flex:1}
	div#top_middle_container input.white_box {width:100px}
	div#top_middle_container div.book_image {max-width:200px;overflow:hidden}
	div#top_middle_container div.book_image img.booklogo {max-width:250px;}
	div.suggestions {left: -100%;width: 200%;}
	div.tooltip_hover_box_visible {display:none}

	span.note-content {left:auto;}

	div.image_fullscreen {padding:4px;}
	div.toggle_edit {width:74px}



	.toggle_edit input[type="checkbox"] + label::before{
		width: 35px;
	    height: 10px;
	    top: -10px;
	    left: -35px;
	  }
	  
	 .toggle_edit input[type="checkbox"] + label::after{
	    height: 18px;
	    width: 18px;
	    top: -15px;
	    left: -45px;
	  }
	  .toggle_edit input[type="checkbox"]:checked + label::after{
	    left: -10px; 
	  }

	div.flex_container_gapped {display:block}
	div.flex_container_gapped > div {flex-basis: 100%}

	div.category_container {margin-left:0px}
	div.user_group_search_container  {width:100%}

	div.gray_container_button_choice {display:block}
	div.gray_container_button_choice div.button {margin-top:8px}
}