.jump{
	cursor: pointer;
}

.is-horizontal-center {
  justify-content: center;
}

.border-bottom {
    border-bottom: 1px solid gray;
    margin-bottom: 3px;
}

/* Comments */
.comment-level-0 {
    border-left: 3px solid #3273dc;
}

.comment-reply {
    border-left: 2px solid #dbdbdb;
    margin-top: 0.5rem;
}

.comment-reply .media-left .image {
    width: 32px;
    height: 32px;
}

.box-comment {
    margin-bottom: 0.75rem;
}

.box-comment:hover {
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1);
}

.comment-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    white-space: pre-wrap;
    max-width: 100%;
    overflow: hidden;
    padding-right: 5px;
}

/* Summary */
.comment-summary {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Indicatori di sentiment */
.box-comment[data-sentiment="pos"] {
    border-left-color: #48c774;
}

.box-comment[data-sentiment="neg"] {
    border-left-color: #f14668;
}

/* Scrollable columns */
.scrollable_column {
    height: 100vh;
    overflow: auto;
}

.scrollable_card {
    height: 80vh;
    overflow: auto;
}

.scrollable_horizontal {
    max-width: 50vw;
    overflow: auto;
}

.scrollable_box{
    min-height: 100px;
    max-height: 300px;
    overflow-x: auto;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
}

.tk_cont{
    word-wrap: break-word;
    display: block;
    width: 140vh;
}

.mapbox_marker{
    display: block;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
}

.mapbox_marker_positive_sentiment{
    box-shadow: inset 0 0 0 1000px rgba(112, 219, 255, .4);
}

.mapbox_marker_negative_sentiment{
    box-shadow: inset 0 0 0 1000px rgba(255, 74, 106, .4);
}

.mapbox_district_color_choose button{
    display: inline-block;
    width: 36px;
    height: 20px;
    border: none;
    cursor: pointer;
}

.mapbox_district_color_choose button:focus {
outline: none;
}

.mapbox_district_color_choose button:hover {
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.marker {
    width: 4px;
    height: 4px;
    background-image: url('https://docs.mapbox.com/mapbox-gl-js/assets/custom_marker.png');
    background-size: cover;
    cursor: pointer;
}