body {font-size: 14px;}
.page {background-color: #eee;}
nav {background-color: #4A90E2;}
nav .container-fluid {padding-right: 0;}
nav .nav-link {color: #fff; font-weight: 400;}
nav .nav-link.active, nav .dropdown-item.active {font-weight: 700; text-decoration: none !important;}
nav .nav-link:hover, nav .dropdown-item:hover {text-decoration: underline; color: #fff;}
nav a:link {font-size: 16px;}
.logo {margin-left: 20px;}
#logo_in_menu, #logo_in_footer {max-height: 32px;}
#logo_on_login_page {padding-bottom: 15px;}
#logo_on_login_page img {max-width: 100%;}
nav .nav-item {cursor: pointer;}
.navbar-brand {font-size: 18px; font-weight: 700;} /* Styles for logo in header and footer */
nav .dropdown {min-width: 158px; padding-right: 10px;}
nav .dropdown #navbarDropdown {font-size: 16px; text-align: right;}
nav .dropdown #navbarDropdown:hover {color: #e6e6e6;}
nav div.dropdown .dropdown-menu {background-color: #4A90E2; margin-top: 15px; width: 100%;}
nav .dropdown-item {color: #fff;}
nav .dropdown-item:hover {color:#e6e6e6; background-color: #4A90E2;}
nav .dropdown-item.active {background-color: #4A90E2;}
nav .dropdown-item.active:hover {color: #fff;}
#children-group-selection {background-color: #4A90E2;}
@media (min-width: 992px) {
    nav {height: 75px;}
    nav .container-fluid {padding-top: 10px;}
    #user-dropdown-menu {margin-top: 17px;}
    #children-group-selection {margin-top: 11px;}
} @media (max-width: 992px) {
    nav .container-fluid {padding-top: 20px;}
    #user-dropdown-menu {display: block; margin-top: 6px;}
    #children-group-selection {display: block;}
    .dropdown {width: 100%;}
    #navbarDropdown {text-align: left !important;}
}
main {padding: 40px 20px; min-height: 500px;}
footer {background-color: #4A90E2; color: #fff; padding: 15px; text-align: center;}
footer a {color: #fff;}
footer a:hover {color: #ddd;}
h1, .a-button, th, td {text-align: center;}
h1, h2, h3 {/*color: #003973;*/ color: #000; font-weight: 600;}
h1 {font-size: 26px; margin-bottom: 40px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4, h5 {font-size: 18px;}
.form-control, .form-select {font-size: 14px;}
h2, h3, p, input, select, textarea, .a-button {margin-bottom: 20px;}
label {margin-bottom: 5px; color: #000; font-weight: 600;}
.a-button a, .a-button input[type="submit"], .a-button button {background-color: #4A90E2 !important; color: #fff !important; font-weight: 400;}
.a-button a:hover, .a-button input[type="submit"]:hover, .a-button button:hover {background-color: #2A70C2 !important;}
.main_color {color: #4A90E2;}
.cancel-color, .warning-color {color: #dc3545;}
.hidden-element, .additional_cell, #user_add_form, #child_add_form, #list_of_children_template, #user_row_template, #child_row_template, #new_user_row, #new_child_row, .hidden_table_row, .user_edit, .child_edit, #note_template, #message_template, .new_note, .new_message, #notes_search_form, #list_of_users_template, .note_edit {display: none;}
td input, td textarea, td p, td .a-button, td.a-button, #print_notes_div {margin-bottom: 0;}
td button {white-space: nowrap;}
td select {margin-bottom: 6px;}
.small_button {padding: 2px;}
.small_button_div {padding: 0;}
th.house_number_header {min-width: 10%;}
#hide_user_add_form, #hide_child_add_form, .show_child_observations {margin-top: 10px;}
.hide_user_edit_form, .hide_child_edit_form {margin-top: 20px;}
/* #notes_page */
#notes_page {margin: auto;}
@media (min-width: 1540px) {
    #notes_page {width: 70%;}
} @media (min-width: 1440px) and (max-width: 1540px) {
    #notes_page {width: 75%;}
} @media (min-width: 1380px) and (max-width: 1440px) {
    #notes_page {width: 80%;}
} @media (min-width: 1320px) and (max-width: 1380px) {
    #notes_page {width: 85%;}
} @media (min-width: 1260px) and (max-width: 1320px) {
    #notes_page {width: 90%;}
} @media (min-width: 1200px) and (max-width: 1260px) {
    #notes_page {width: 95%;}
} @media (max-width: 1200px) {
    #notes_page {width: 100%;}
}
/* #notes_page */
#notes_container, #messages_container {background-color: #f8f9fb; padding: 25px 0; min-height: 100vh;}
#notes_container {border-radius: 6px 6px 12px 12px;}
#messages_container {border-radius: 12px;}
.note {position: relative; margin: 50px auto; padding: 15px 15px 20px; max-width: 1000px; background-color: #f1f1f1; border: 1px solid #d1d1d1; border-radius: 12px; box-shadow: 0 0 4px -1px rgba(66, 68, 138, 0.7);}
@media (min-width: 1130px) {
    .note {width: 90%;}
} @media (max-width: 1130px) {
    .note {width: 95%;}
}
.note h4, .note p, .note .note_actions .a-button {margin-bottom: 0;}
#new_note_actions p, .note_actions p, #new_message_actions p {margin-bottom: 10px;}
.note h4 {font-weight: 600;}
.note p {font-size: 15px;}
.note textarea {font-size: 16px;}
.note .title, .note .author_container, .note .note_datetime, .note .message_datetime, .note .editing_note {font-weight: 600;}
@media (min-width: 769px) {
    .note .note_datetime, .note .message_datetime {text-align: right;}
} @media (max-width: 769px) {
    .note .author_container, .note .note_datetime, .note .message_datetime {text-align: center;}
}
.note .author_note_datetime_div, .note .author_message_datetime_div {margin-top: 15px;}
.note .first_hr_note, .note .first_hr_message {margin-top: 5px;}
.note .note_param {color: #000; font-weight: 600;}
.note .children {line-height: 1.6em;}
.note .note_modified_info {font-weight: 600;}
.note .note_content, .note .message_content {margin-top: 10px; background: #f8f9fb; padding: 10px 10px 30px; border-radius: 8px; font-size: 16px; line-height: 1.8em; white-space: pre-wrap;}
.note .edit_note_content {line-height: 1.8em;}
/*.important_note {border: 2px solid #d9534f;}*/
.nav-tabs {margin-top: 20px; margin-bottom: -2px; width: 100%;}
.nav-tabs .nav-item {margin-left: 0.25%; margin-right: 0.25%; text-align: center; background-color: #ccc; cursor: pointer;}
@media (min-width: 1130px) {
    .nav-tabs .nav-item {border-radius: 12px 12px 0 0;}
    .nav-tabs.six_note_tabs .nav-item {width: 16.16%;}
    .nav-tabs.five_note_tabs .nav-item {width: 19.5%;}
    .nav-tabs.four_note_tabs .nav-item {width: 24.5%;}
    .mobile_separator {display: none;}
} @media (max-width: 1130px) {
    .nav-tabs .nav-item {width: 99.5%; border-radius: 12px; margin-top: 5px;}
    #filter_by_reading_status button {margin-bottom: 5px;}
}
.nav-tabs .nav-item:hover {background-color: #d9d9d9;}
.nav-tabs .nav-item .nav-link {font-weight: 600; color: #000;}
.nav-tabs .nav-item:has(.nav-link.selected) {background-color: #f8f9fb; border: 1px solid #d1d1d1; border-bottom: none; box-shadow: 0 -2px 5px -2px rgba(66, 68, 138, 0.3);}
.spinner-border-div {margin: 50px 0;}
.spinner-border-big {width: 2.5em; height: 2.5em;}
#note_add_form, #message_add_form {padding-bottom: 0;}
#note_add_form h5, #message_add_form h5 {font-weight: 600;}
#add_new_note_child_div, .edit_note_add_child_div {margin-top: 10px; margin-left: 0;}
select.new_note_child, select.edit_note_child {margin-bottom: 5px;}
#no_notes_found, #no_messages_found {margin: 50px 0; font-weight: 700;}
.note_reading_status, .message_reading_status {position: absolute; top: 10px; right: 20px; cursor: pointer;}
.note_reading_status .unreaded_note, .note_reading_status .note_readed {display: none;}
.note_reading_status .unreaded_note.selected, .note_reading_status .note_readed.selected {display: inline;}
.message_reading_status .unreaded_message, .message_reading_status .message_readed {display: none;}
.message_reading_status .unreaded_message.selected, .message_reading_status .message_readed.selected {display: inline;}
#go_to_top {position: fixed; bottom: 10px; right: 20px; height: 50px; width: 50px; background-color: #4A90E2; border-radius: 50%; cursor: pointer; text-align: center; padding-top: 12px;}
#go_to_top:hover {background-color: #2A70C2;}
#go_to_top_icon {color: #fff;}
#filter_by_reading_status {margin: 0 auto 0;}
#filter_by_reading_status .mobile_separator {padding-top: 1px;}
#filter_by_reading_status button {background-color: #ccc !important; color: #000 !important;}
#filter_by_reading_status button:hover {background-color: #d9d9d9 !important;}
#filter_by_reading_status button i {display: none;}
#filter_by_reading_status button.selected {background-color: #4A90E2 !important; color: #fff !important;}
#filter_by_reading_status button.selected i {display: inline;}
#notes_search_form {margin-bottom: 40px;}
#notes_search_form h5, #search_conditions h5 {font-weight: 700; margin-bottom: 15px;}
#notes_search_authors_container, #notes_search_children_container {margin-top: 10px; margin-left: 0;}
.notes_search_author_div, .notes_search_child_div {padding-left: 0;}
#search_conditions {width: 95%; margin: auto;}
#search_conditions td {text-align: left; width: 50%;}
#search_conditions .condition, #search_conditions_display_unread_notes, #search_conditions_lack_of_conditions {font-weight: 700;}
@media (max-width: 1200px) {
    #go_to_top {display: none;}
}
@media print {
    header, footer, h1, #go_to_top, #available_actions, #notes_search_form, #note_tabs, #search_conditions, .note_reading_status, .time_since_creation, .note_actions, .note_actions_hr, .edited_note, .edit_note_success, .cancel_edit_note_alert {display: none !important;}
    #notes_container .note {break-inside: avoid; margin-top: 20px; margin-bottom: 20px; border: 1px solid #d1d1d1;}
    hr {border-bottom: 1px solid #42448a;}
    #notes_container .note_content {max-height: none;}
    #notes_container, .note {width: 100%;}
}
@media (min-width: 1130px) {
    .user_message, .correspondent_message {width: 80%;}
} @media (max-width: 1130px) {
    .user_message, .correspondent_message {width: 85%;}
}
.user_message {float: left; margin-left: 10px;}
.correspondent_message {float: right; margin-right: 10px;}
.message_separator {clear: both;}
#conversations_list h2, #conversation h2 {font-size: 20px; text-align: center;}
.conversation_row td.number_of_unread_messages span {font-weight: 700;}
#default_password, #password_copied_alert {margin-bottom: 0;}
#additional_columns_disabled_new_user_is_added, #additional_columns_disabled_user_is_edited {margin-bottom: 3px;}
#manual_table_of_content {margin: 40px 0; padding: 15px; border-radius: 12px; box-shadow: 0 0 4px -1px rgba(66, 68, 138, 0.6);}
#manual_table_of_content li ul {margin-bottom: 20px;}
#manual_table_of_content h4 {margin-bottom: 0;}
#manual_table_of_content a {font-size: 17px; line-height: 1.8em;}
#manual_page p, #manual_page li {font-size: 16px;}
#manual_page h4 {color: #000; font-weight: 600;}
.instructions_for_director_only {margin-left: 30px;}
.hidden_in_this_version {display: none !important;}
.child_contact_person {white-space: pre-wrap;}
.child_information_column {display: none;}
.link_without_underlining {text-decoration: none;}
.show_when_checking_presence, #presence_row_template, #row_being_created, .presence_day .present, .presence_day .absent_excused, .presence_day .absent, .presence_day .no_data, .presence_edit_inline, .presence_edit_block {display: none;}
.presence_day .present.selected, .presence_day .absent_excused.selected, .presence_day .absent.selected, .presence_day .no_data.selected {display: inline;}
.show_presence_edit_form, .save_changes_in_presence, .hide_presence_edit_form {cursor: pointer;}
.presence_edit_block button {margin-bottom: 5px;}
.presence_edit_block button.selected {background-color: #4a90e2; color: #fff;}
.presence_edit_block .present_button.selected .text-success {color: #fff !important;}
/*.presence_day .present_button.selected .text-success {color: #fff !important;}*/
#number_of_children_row {border-top: 2px solid #4a90e2;}
.table_cell_pre_wrap {white-space: pre-wrap;}
.name_header {width: 12%;}
.birth_date_header, .phone_number_header, .admission_date_header, .departure_date_header {width: 9%;}
.home_address_header, .school_header, .parents_contact_details_header {width: 13%;}
.class_at_school_header {width: 6%;}
.action_header {width: 7%;}
.child_departure_reason {margin-top: 5px; font-weight: 600;}
td.presence_name, td.presence_day[data-time-of-day=evening] {border-right: 2px solid #999;}