.btn_default {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;

	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn_secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.toolbar_link {
    color: #444;
    font-size: 0.9em;
    display: inline-block;

    padding-right: 0.4em;
}

.toolbar_link_padding {
    padding: 0.2em 0.4em;
}

.toolbar_link:hover {
    background-color: #ccc;
}

.toolbar_link_active {
    font-weight: bold;
}

.toolbar_link_with_img {
    display: flex;
    gap: 4px;
}

.toolbar_link_with_img_opacity {
    opacity: 0.7;
}

.shortcut_help {
    padding-top: 0.6em;
    padding-right: 2.5em;
    font-size: 0.85em;

    min-height: 2em;
}

.shortcut_help:hover {
    cursor: pointer;
    background-color: #eee;
}

.shortcut {
    border: 1px solid #999;
    background-color: #E0E0E0;
    opacity: 0.8;

    margin-left: 1.4em;
    margin-right: 0.1em;

    border-radius: 1px;

    padding: 1px 0.3em;
}

.shortcut_label {
    color: #555;

    padding: 0.1em 0 0.1em 0.2em;
}

.shortcut,
.shortcut_label {
    font-size: 0.9em;
}

.formatting_syntax {
    padding: 0.1em 0.4em 0.1em 0.4em;
}

/* Presentation */

.presentation_toolbar {
    padding: 0.4em 0.5em 0 0;

    display: flex;
    gap: 7px;

    font-size: 0.9em;
}

/* Link Buttons */

/* Style the link to look like a button */
.link_button {
    cursor: default;

    color: #000;
    background-color: #E9E9ED;

    font-size: 0.85em;

    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    transition: background-color 0.3s, transform 0.3s;
}

/* Add a hover effect */
.link_button:hover {
    background-color: #ccc;
    transform: translateY(-2px);  /* Slight lift on hover */
}

.link_button:visited {
    color: #000;
}

/* Optional: Add active state for when the link is clicked */
.link_button:active {
    transform: translateY(1px);  /* Slight push when clicked */
}

.link_button_disabled {
    opacity: 0.2;

    pointer-events: none;
    cursor: not-allowed;
}

/* Editing */

.button_controls_paste_disabled {
    opacity: 0.5;
}

/* Deletions */

.lane_deletions {
    padding: 0.3em 1.8em;
}

.lane_deletion_text {
    color: #444;
}

.lane_deletion_action a {
    color: #444;
}

.lane_deletion_action a:hover {
    text-decoration: none;
}

/* Manage Lanes */

.lane_order_item {
    display: flex;

    border-bottom: 1px solid #ddd;
}

.lane_order_item:first-child {
    border-top: 1px solid #ddd;
}

.lane_order_path,
 .lane_order_dragdrop,
 .lane_order_options {
    display: inline-block;

    padding: 0.2em 0.8em;
}

.lane_order_path {
    min-width: 8%;
}

.lane_order_dragdrop {
    min-width: 40%;
}

.lane_order_edit_controls {
    display: flex;
    gap: 10px;

    align-items: start;
}

.lane_folder_item {
    display: flex;
    gap: 14px;

    font-weight: 600;
}

.space_lanes {
    margin-left: 0px;
}

.space_lanes li {
    list-style-type: none;

    padding: 0.2em 0.7em;
}

.lane_order_dragdrop {
    cursor: pointer;
}

.lane_order_dragdrop:hover {
    background-color: #eee;
}

.save_lane_order_status {
    color: green;

    font-weight: 600;
}

.folders_rearrange_items li {
    list-style-type: none;

    padding: 0.2em 0.7em;

    border-bottom: 1px solid #ddd;
}

.folders_rearrange_items li:hover {
    cursor: pointer;

    background-color: #eee;
}