html {
    background-color: #F1F5F8;
    font-size: 15px;
    font-family: Inter;
    min-height: 47rem;
}

input.input {
    border-color: #757575;
}

.ma {
    margin: auto;
}

.w100 {
    width: 100%;
}

.title {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 900;
}

.button {
    /*background-color: #0079D0;*/
    background-color: #006FBF;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 0.4rem;
    padding: 1rem 2rem 0.9rem;
    border-color: #00000000;
    cursor: pointer;
}

.dialog {
    background-color: #FFFFFF;
}

.section {
    max-width: 33rem;
    margin: auto;
}

.section .title {
    background-color: #FFFFFF;
    padding-top: 2rem;
    margin-bottom: 0;
}

.dialog-first {
    padding: 2rem 7rem;
}

.dialog-first label {
    display: inline-block;
    margin-top: 2rem;
}

.dialog-first button {
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.dialog-first p {
    text-align: center;
}

.dialog-first #stage2 {
    position: absolute;
    visibility: hidden;

}

.new_reports:empty {
    visibility: hidden;
}

.is-five-twelves {
    flex: none;
    width: 41.6667%;
}

.is-one-eight {
    flex: none;
    width: 12.5%;
}

.is-three-eights {
    flex: none;
    width: 37.5%;
}

button.is-flat {
    border: none;
    background-color: inherit !important;
}

html { height: 100% }
body { height: 100% }

#sidebar {
    background-color: #FFFFFF;
    padding: 0px;
    flex: none;
    position: relative;
    overflow: clip;
    height: 100%;
    display:flex;
    z-index: 150;
}

#sidebar.is-narrow {
    width: 5.333rem;
}

#sidebar.is-wide {
    width: 15.333rem;
}

#map_container {
    height: 100%;
    width: 100%;
    min-height: 47rem;
    background-color: grey;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

#map {
    height: 100%;
}

#sidebar #menu {
    list-style: none;
    line-height: 3.73rem;
    margin-top: 12rem;
    font-size: 1.45rem;
    width: 100%;
}

#sidebar #menu li {
    margin-left: 0.14rem;
}

#sidebar #menu li button[disabled] {
    pointer-events: none;
    cursor: default;
    color: #72777D;
}

#sidebar #menu li.is-active {
    background-color: #E8EDF2;
    border-left: solid 0.14rem #0C6DC3;
    margin-left: 0px;
}

#sidebar #menu button {
    color: #000000;
    cursor: pointer;
    height: 4rem;
    font-weight: 600;
    font-size: 1.2rem;
}

#sidebar #menu button span {
    justify-content: left;
    margin-left: 1rem;
}

#sidebar #menu .is-active button {
    color: #0C6DC3;
}

#sidebar.is-wide #menu button {
    padding-left: 1.25rem;
    width: 100%;
}

#sidebar.is-wide img {
    flex-grow: 0;
}

.is-narrow button span {
    display: none;
}

#sidebar #menu .tag {
    background-color: #E60000;
    color: #FFFFFF;
    height: 1.43em;
    padding: 0 0.465em;
    position: relative;
    right: 15px;
    top: -8px;
}

#sidebar #menu .is-active img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(100%) saturate(879%) hue-rotate(176deg) brightness(97%) contrast(96%);
}

#sidebar_footer {
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 1.3rem;
}

#sidebar_footer .columns {
    margin: 0px;
}

#sidebar_footer .name {
    font-size: 1.28;
}

#sidebar_footer .position {
    font-size: 0.96rem;
    text-transform: uppercase;
}

#sidebar_footer a {
    background-color: #003688;
    color: #FFFFFF;
}

#sidebar_footer .photo_circle:empty {
    visibility: hidden;
}

.photo_circle {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    color: #FFFFFF;
    background-color: #62798c;
    font-size: 1.45rem;
    font-weight: 600;
    /*margin: auto;*/
    line-height: 3.2rem;
    position: relative;
}

.is-narrow  #menu img {
    margin-left: 1rem !important;
}

.is-narrow #user_short {
    visibility: collapse;
}

.is-narrow #sidebar_footer a {
    visibility: hidden;
    position: absolute;
}

.is-narrow #sidebar_footer {
    margin-bottom: 0px;
}

.white {
    color: #FFFFFF;
}

.black {
    color: #000000;
}

.red {
    color: #E60000;
}

.blue1 {
    color: #62798c;
}

.background-blue1 {
    background-color: #F1F5F8;
}

.blue2 {
    color: #C0D8ED;
}

.background-blue2 {
    background-color: #F9FBFC;
}

.blue3 {
    color: #003688;
}

.background-blue3 {
    background-color: #003688;
}

.bright-blue {
    /*color: #0079D0;*/
    color: #006FBF;
}

.gray {
    color: #757575 !important;
}

.right_sidebar {
    right: 1.3rem;
    width: 32rem;
}

#informations {
    z-index: 100;
    position: absolute;
    top: 5.3rem;
    display: none;
}

#top_buttons {
    z-index: 100;
    position: absolute;
    top: 1.3rem;
    right: 1.3rem;
}

#top_buttons button {
    margin-left: 1rem;
}

#informations button#send_sms {
    width: 4rem;
}

#informations button#new_action {
    width: 6rem;
}

#informations #search {
    border: unset;
    box-shadow: unset;
    text-align: right;
}

#informations .tag {
    background-color: #E60000;
    color: #FFFFFF;
    height: 1.43em;
    padding: 0 0.465em;
    font-size: 1rem;
    margin-left: 0.5rem;
}

#informations #reports_container {
    position: relative;
    z-index: 1;
}

#informations #reports_table td {
    vertical-align: middle;
}

#informations #reports_table td span:first-child {
    padding-right: 1rem;
}

#informations #reports_table tr {
    cursor: pointer;
}

#informations #reports_table .phone_number {
    font-size: 1.2rem;
}

#informations #reports_table .new {
    /*color: #0079D0;*/
    color: #006FBF;
}

#informations .box {
    margin: 0;
}

#informations #scrollable_container {
    overflow: scroll;
    top: -0.3rem;
    position: relative;
    display: none;
}

#details {
    position: relative;
    background-color: #003688;
    color: #FFFFFF;
}

#details #phone_number {
    font-size: 1.6rem;
}

#details button {
    color: #0C6DC3;
    background-color: #FFFFFF;
    font-size: 0.8rem;
    padding: 1rem;
}

#details .divider {
    border-bottom: 1px solid #8BABC755;
    width: calc(100% - 1.5rem);
    height: 0.2rem;
    padding: 0;
    margin: 0rem 0.75rem;
}

#details .column button {
    cursor: pointer;
}

#details #emergency_footer {
    margin-top: 0.8rem;
}

#details #emergency_footer p {
    justify-content: left;
}

#details #emergency_footer img {
    margin-left: 0.5rem;
}

#comments {
    position: relative;
    z-index: -2;
    top: -0.6rem;
    background-color: #E8EDF2;
}

#comments p {
    font-size: 1.3rem;
    color: #003688;
    margin-bottom: 1rem;
}

#comments table {
    width: 100%;
}

#comments td {
    padding-bottom: 1rem;
}

#comments tr:last-child td:first-child {
    vertical-align: middle;
}

#comments td:first-child {
    padding-right: 2rem;
    color: #4A5157;
}

#tools {
    z-index: 100;
    position: absolute;
    right: 1.3rem;
    bottom: 1.3rem;
    padding: 0;
    margin: 0;
}

#tools div {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.4rem;

    border-bottom: 1px solid #DCE1E4;
}

#tools button[disabled] {
    color: #72777D;
    pointer-events: none;
    cursor: default;
}

#tools button {
    color: #000000;
    background-color: inherit;
    border: none;
    cursor: pointer;
}

#tools button:hover {
    /*color: #0079D0;*/
    color: #006FBF;
}

div#visibility_menu {
    z-index: 100;
    position: absolute;
    bottom: 2.6rem;
    right: 5rem;
    width: 18.13rem;
    padding: 1.46rem;
    padding-right: 1.26rem;
    display: none;
}

div#visibility_menu .level {
    margin-bottom: 0.5rem;
}

div#visibility_menu .level div:first-child {
    font-size: 1.2rem;
    justify-content: left;
}

div#visibility_menu .level div:last-child {
    justify-content: right;
}

.close_circle {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #62798c;
    background-color: #F1F5F8;
    font-size: 1.45rem;
    line-height: 2rem;
}

div#visibility_menu input {
    margin-right: 0.666rem;
}

#new_action_menu {
    top: 4.6rem;
    right: 1.3rem;
}

.popup_menu {
    z-index: 101;
    position: absolute;
    padding: 0;
    display: none;
}

.popup_menu li {
    border-bottom: 1px solid #DCE1E4;
}

.popup_menu button {
    color: #000000;
    cursor: pointer;
    background-color: transparent;
    padding: 1rem;
    width: 100%;
    border: none;
    text-align: left;
}

.popup_menu button:hover {
    color: #FFFFFF;
}

.popup_menu button[disabled] {
    cursor: default;
    color: #C3CAD0;
}

.popup_menu button[disabled]:hover {
    color: #C3CAD0;
    background-color: #FFFFFF;
}

.popup_menu li:first-child {
    border-radius: 6px 6px 0px 0px;
}

.popup_menu li:last-child {
    border-radius: 0px 0px 6px 6px;
}

.popup_menu li:hover {
    color: #FFFFFF;
    background-color: #0C6DC3;
}

#action_sidebar {
    z-index: 100;
    position: absolute;
    top: 1.3rem;
    bottom: 1.3rem;
    padding: 0;
    margin: 0;
    display: none;
}

aside .header {
    border-radius: 6px 6px 0px 0px;
    background-color: #003688;
    color: #FFFFFF;
    padding: 0.5rem 1.5rem;
}

.header .level {
    margin: 0;
}

.header #action_menu {
    display: none;
}

.header .level button {
    margin-left: 1rem;
}

.header.level button:hover {
    color: #FFFFFF;
}

.action_name {
    font-size: 1.55rem;
    line-height: 2.6rem;
    padding: 0;
}

.header div.blue1 {
    padding: 0.5rem 0;
    font-size: 0.8rem;
}

.header span {
    margin-left: 0.3rem;
    margin-right: 1.2rem;
}

.card {
    box-shadow: unset;
    font-size: 0.86rem;
    font-weight: 500;
    border-top: 1px solid #EAEDEF;
    padding-bottom: 1rem;
}

.card header {
    box-shadow: unset;
}

.card-content {
    padding: 0 1.5rem;
}

.card-content button {
    cursor: pointer
}

.card-header-title {
    color: #003688;
    padding: 0 1.5rem;
    font-size: 1.33rem;
    font-weight: 700;
}

div[disabled] .card-header-title {
    color: #C3CAD0;
}

.card-content .radio {
    margin-left: 1.7rem;
}

.card-content .radio input {
    margin-right: 0.5rem;
    height: 1rem;
}

.card-content input {
    height: 2.15rem;
}

#card_victim_data .columns {
    margin-left: 0;
    margin-right: 0;
}

#card_victim_data .column {
    padding: 0.25rem 0.25rem
}

#location_instructions {
    display: none;
}

#location_instructions p {
    text-align: justify;
}

#location_instructions p.level-item {
    margin-bottom: 0;
}

#location_instructions button {
    padding: 0.5rem;
    /*border-color: #0079D0;*/
    border-color: #006FBF;
    font-size: 0.8rem;
}

#scrollable_container  {
    overflow: scroll;
    height: calc(100% - 13rem);
}

#action_sidebar #scrollable_container, #search_action_sidebar #scrollable_container  {
    overflow: scroll;
    height: calc(100% - 8.8rem);
    border-radius: 6px 6px 0px 0px;
}

#action_sidebar.show #scrollable_container, #search_action_sidebar.show #scrollable_container {
    height: calc(100% - 3.6rem);
}

#buttons  {
    padding-top: 1.3rem;
    padding-right: 1.5rem;
    text-align: right;
}

#buttons button {
    margin-left: 1rem;
}

#buttons button[disabled] {
    /*background-color: #0079D0;*/
    background-color: #006FBF;
}

#buttons button:first-child {
    /*color: #0079D0;*/
    color: #006FBF;
    background-color: #F1F5F8;
}

#location {
    display: none;
}

#location .columns {
    margin-top: 0;
}

#location .column {
    padding: 0.5rem 0.75rem;
}

#location .ratunek_only {
    display: block;
}

#card_rescuers .header {
    color: #003688;
    background-color: unset;
    height: unset;
    padding: 0;
    padding-top: 0.8rem;
    font-size: 1.06rem;
    font-weight: 600;
}

#card_rescuers li.rescuer:has(input) {
    cursor: pointer;
}

#card_rescuers #small_buttons {
    padding-top: 1rem;
    display: none;
}

#card_rescuers #small_buttons .button {
    margin-right: 0.5rem;
}

#card_rescuers #rescuers_all {
    padding-top: 1rem;
}

.rescuers {
    margin-top: 1rem;
    padding: 0;
    border: 1px solid #DCE1E4;
}

.rescuers_list .request_accepted .photo_circle {
    color: #FFFFFF;
    background-color: #24B718;
    border: 0px;
}

.rescuers .rescuers_list li {
    border-bottom: 1px solid #DCE1E4;
}

.rescuers_list li {
    height: 3rem;
    line-height: 3rem;
}

.rescuers_list li input {
    margin-left: 1rem;
    margin-right: 0 !important;
}

.rescuers_list .photo_circle {
    width: 1.73rem;
    height: 1.73rem;
    border-radius: 50%;
    color: #FFFFFF;
    background-color: #62798c;
    font-size: 1.45rem;
    font-weight: 600;
    /*margin: auto;*/
    line-height: 1.73rem;
    font-size: 0.66rem;
    margin-left: 1rem;
}

.rescuers_list .photo_circle .request_badge {
    position: absolute;
    left: 1rem;
    top: -0.45rem;
    height: 1rem;
    width: 1rem;
}

.rescuers button {
    font-size: 1rem;
    margin: 0 0.5rem;
}
.rescuers button:last-child {
    margin-right: 1rem;
}

#actions_list {
    position: absolute;
    top: 1.3rem;
    left: 7rem;
    /*display: none;*/
}

#actions_list button {
    color: #003688;
    background-color: #ffffff;
}

#actions_list button[selected] {
    background-color: #003688;
    color: #ffffff;
}

#actions_list button.navigation {
    padding: 0 0.25rem;
    display: none;
}

#actions_list ul {
    overflow: hidden;
    margin: 0 0.5rem;
}

.modal {
    z-index: 150;
}

.popup_modal .photo_circle img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(100%) saturate(879%) hue-rotate(176deg) brightness(97%) contrast(96%);
    margin-top: 7px;
}

.popup_modal .header {
    font-size: 2.13rem;
    font-weight: 700;
    color: #003688;
    margin-bottom: 1rem;
}

.popup_modal .summary {
    width: fit-content;
    margin: 0 auto;
}

.popup_modal .summary p {
    text-align: left;
}

.popup_modal .rescuers_list {
    margin-bottom: 1rem;
}

.popup_modal button {
    margin: 0.5rem 0rem;
}

#action_started .rescuer input {
    display: none;
}

#action_started .rescuer button {
    display: none;
}

#action_started .rescuer .photo_circle {
    margin-left: 0;
}

button.slim {
    padding: 0.5rem;
    height: 1.5rem;
    /*border-color: #0079D0;*/
    border-color: #006FBF;
    font-size: 0.8rem;
}

button.inverted {
    /*color: #0079D0;*/
    color: #006FBF;
    background-color: #FFFFFF;
    /*border: 1px solid #0079D0;*/
    border: 1px solid #006FBf;
}

#rescuer_context_menu {
    z-index: 101;
    position: absolute;
    padding: 0;
    display: none;
}

.popup_menu li.header {
    font-weight: 700;
    font-size: 1.3rem;
    color: #000000;
    padding: 0.6rem 1rem;
}

#action_end .summary {
    font-weight: 600;
}

#action_end .buttons_container {
    display: inline-block;
}

#action_end button {
    width: 100%;
    margin: 0.5rem 0;
}

#logs {
    position: absolute;
    z-index: 100;
    right: 34rem;
    top: 5rem;
    min-width: 32rem;
    max-height: calc(100% - 6rem);
    display: none;
    flex-direction: column;
    overflow: hidden;
}

#logs .header .icon {
    margin: 0;
}

#logs .header button {
    margin: 0;
}

#logs .header input {
    border: none;
    box-shadow: none;
    width: 8rem;
}

#logs #content {
    overflow: scroll;
}

#logs #content li {
    border-bottom: 1px solid #EAEDEF;
}

#logs textarea {
    border: 1px solid #EAEDEF;
    resize: none;
    height: 5rem;

}

#team_creation .logo {
    width: 4rem;
    height: 4rem;
}

#team_creation .logo img {
    margin-top: 14px;
}

#team_creation .header {
    margin-bottom: -0.2rem;
}

#team_creation .header2 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

#team_creation .header3 {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

#team_creation li {
    width:30rem;
}

#team_creation li button {
    padding: 0.5rem;
    height: 1.5rem;
    /*border-color: #0079D0;*/
    border-color: #006FBF;
    /*color: #0079D0;*/
    color: #006FBF;
    background-color: #FFFFFF;
    font-size: 0.8rem;
    margin-left: 5rem;
}

#team_creation .request_badge {
    display: none;
}

#team_creation .rescuers_list input {
    display: none;
}

#team_creation #rescuers_to_select button#remove {
    display: none;
}

#team_creation input[type="radio"] {
    accent-color: #000000;
    margin-left: 1.2rem;
    margin-right: 0.3rem;
}

#team_creation #add_rescuer .photo_circle {
    background-color: #FFFFFF;
    /*border: 1px dashed #0079D0;*/
    border: 1px dashed #006FBF;
}

#team_creation #add_rescuer .photo_circle img {
    margin-top: 0;
}

#team_creation button#add_rescuer {
    font-weight: unset;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-left: 0;
    border: none;
    position: relative;
    z-index: 101;

}

#team_creation button#add_rescuer.clicked {
    border: 1px solid #72777D;
    border-radius: 0.4rem;
    margin-left: -1px;
}

#team_creation #rescuers_to_select {
    display: none;
    border: 1px solid #DCE1E4;
    border-top: 0px;
    overflow: clip scroll;
    max-height: 9rem;
    position: absolute;
    width: 30rem;
    margin-left: -1px;
    background-color: #FFFFFF;
    z-index: 100;
}

#team_creation #rescuers_to_select li:not(:last-child) {
    border-bottom: 1px solid #DCE1E4;
}

#team_creation #rescuers_to_select li.rescuer {
    cursor: pointer;
}

#new_task .box {
    padding: 1rem 2rem;
}

#new_task #close {
    position: absolute;
    right: 2rem;
    top: 2rem;
}

#new_task textarea {
    height: 20rem;
}

#card_teams .card-content {
    padding-top: 0;
}

#card_teams .card-content .card-header-title {
    font-weight: 500;
}

#card_teams .team .card-content {
    padding-right: 0;
    margin-right: 0;
}

#card_teams #team_context_menu {
    padding-right: 0.7rem;
}

#card_teams .rescuers {
    margin-bottom: 0.75rem;
    margin-top: 0.25rem;
}
#card_teams .rescuer input {
    display: none;
}

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

.team_list .card-header-title {
    font-size: 1rem;
    padding-left: 0;
}

.team_list .card-header-icon {
    padding: 0 0.5rem 0 0;
}

.team_list .card-content {
    padding: 0;
}

.team_list .card-content .rescuers {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.team_a .photo_circle {
    color: #FFFFFF;
    background-color: #F68C00;
    border: 0px;
}

.team_b .photo_circle {
    color: #FFFFFF;
    background-color: #05D9F6;
    border: 0px;
}

.team_c .photo_circle {
    color: #FFFFFF;
    background-color: #0565F6;
    border: 0px;
}

.team_a .card-header-title .dot {
    color: #F68C00;
    font-size: 1.4rem;
    margin-left: 0.3rem;
}

.in_team {
    display: none;
}

#search_action_sidebar {
    z-index: 100;
    position: absolute;
    top: 1.3rem;
    bottom: 1.3rem;
    padding: 0;
    margin: 0;
    display: none;
}

#search_action_sidebar #action_menu_bar {
    display: none;
}

#search_action_sidebar #card_victim_data button.slim {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

#search_action_sidebar #card_rescuers #small_buttons {
    display: block;
}

#search_action_sidebar #card_areas .card-content, #search_action_sidebar #card_tasks .card-content {
    min-height: 5rem;
    font-weight: bold;
}

#search_action_sidebar div#card_areas[collapsed='true'] .card-header button.slim,
#search_action_sidebar div#card_areas[collapsed='true'] .card-header button.is-flat,
#search_action_sidebar div#card_tasks[collapsed='true'] .card-header button.slim {
    display: none;
}

#search_action_sidebar .card-header button.slim {
    margin-top: 0.9rem;
}

#search_action_sidebar #card_areas .areas,
#search_action_sidebar #card_tasks .tasks {
    margin-bottom: 0.75rem;
    margin-top: 0.25rem;
    border: 1px solid #DCE1E4;
    padding: 0;
}

#search_action_sidebar #card_areas li.area {
    border-bottom: 1px solid #DCE1E4;
    height: 3rem;
    line-height: 3rem;
}

#search_action_sidebar #card_tasks li.task {
    border-bottom: 1px solid #DCE1E4;
}

#search_action_sidebar #card_areas li.area .tag.inverted,
#search_action_sidebar #card_tasks li.task .tag.inverted {
    background-color: #FFFFFF;
    border: 1px solid #4A4A4A;
}

#search_action_points_popup {
    display: none;
}

#search_action_join_request .rescuers_list input {
    display: none;
}

#search_action_join_request .rescuers_list .level-right {
    display: none;
}

#search_action_join_request .summary p.column {
    width: 14rem;
}

#point_time {
    height: 2rem;
}

#point_description {
    width: 30rem;
}

.rescuer[team='A'] .photo_circle, .area .tag[team='A'], .task .tag[team='A'] {
    color: #FFFFFF !important;
    background-color: #F68C00 !important;
    border: 1px solid #F68C00 !important;
}

.rescuer[team='B'] .photo_circle, .area .tag[team='B'], .task .tag[team='B'] {
    color: #FFFFFF !important;
    background-color: #05D9F6 !important;
    border: 1px solid #05D9F6 !important;
}

.rescuer[team='C'] .photo_circle, .area .tag[team='C'], .task .tag[team='C'] {
    color: #FFFFFF !important;
    background-color: #0565F6 !important;
    border: 1px solid #0565F6 !important;
}

#send_sms_modal .box {
    margin: auto;
    width: 30rem;
    height: 34rem;
}

#send_sms_modal input {
    width: calc(100% - 4rem);
}

#send_sms_modal textarea {
    width: calc(100% - 4rem);
    height: 14rem;
}

input[invalid] {
    border-color: #E60000;
}

.button[disabled] {
    background-color: #EAEDEF;
    color: #666C70;
    border: 1px solid #EAEDEF;
    opacity: 1;
}

#crosshair {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    mix-blend-mode: multiply;
    box-shadow: inset 5.333rem 0 13.333rem #015B9D;
    cursor: none;
    display: none;
}

#crosshair > div {
    position: absolute;
    display: none;
}

#crosshair > .H {
    top: 0;
    border-bottom: 2px dashed #000000;
    height: 50%;
    width: 45%;
}

#crosshair > .R {
    right: 0;
}

#crosshair > .L {
    left: 0;
}

#crosshair > .V {
    left: 0;
    border-right: 2px dashed #000000;
    width: 50%;
    height: 45%;
}

#crosshair > .U {
    top: 0;
}

#crosshair > .D {
    bottom: 0;
}

@media screen and (min-width: 479px) {
    .level-item:not(:last-child) {
        margin-bottom: 0;
    }

    .level-left+.level-right {
        margin-top: 0; 
    }

}