@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=block');
body, table, ul {padding: 0px; margin: 0px;}
body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #000;}
img, table, td { border:none; }
a {color: #000;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; color: #000;}
table, tr, td, th {margin: 0; padding: 0; border-collapse: collapse;}

html {
	height: 100%;
}
body {
	min-height: 100%;
}

body {
	background: #e5e5ef;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	min-height: 100%;
	overflow-wrap: break-word;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #3f4857;
}

h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #3f4857;
}

.left_column {
	width: 100px;
	background: #5d3df5;
	color: #fff;
	box-sizing: border-box;
	float: left;
	position: fixed;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: none; /* hide the scrollbar everywhere; wheel/trackpad scroll still works */
	z-index: 1000;
}

/* Never render a visible scrollbar in the nav — incl. macOS "Always"/mouse-connected + Windows (#nav-scrollbar) */
.left_column::-webkit-scrollbar,
.left_column ul li ul::-webkit-scrollbar { display: none; width: 0; height: 0; }

.logo {
	width: 100%;
	float: left;
	margin-bottom: 0px;
	box-sizing: border-box;
}

.logo img {
	width: 100%;
	box-sizing: border-box;;
}

.logo a {
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
}

.left_column li {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	float: left;
	box-sizing: border-box;
}


.left_column li img {
	width: 24px;
	margin-bottom: 5px;
}

.left_column a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
}

.left_column a:hover {
	background: #4626e1;
}

.left_column ul li ul {
	display: none;
	background: #5d3df5;

	position: fixed;
	left: 100px;
	max-height: 100vh;
	overflow-y: auto;
	scrollbar-width: none; /* hide the scrollbar everywhere; wheel/trackpad scroll still works */
	width: 150px;
	z-index: 999999;

}

.left_column ul li:hover ul {
	display: block;
}

.left_column ul li ul:hover {
	display: block;
}

.left_column ul li ul li a {
	background: #5d3df5;
	background: #4626e1;
	margin: 0;
	padding: 14px 14px 14px 20px;
	text-align: left;
}

.left_column ul li ul li a:hover {
	background: #4626e1;
	background: #5d3df5;
}

.left_column ul li ul li a img {
	width: 16px;
	float: left;
	margin-right: 8px;
}


.right_column {
	width: 100%;
	padding: 15px 15px 15px 115px;
	box-sizing: border-box;
	float: left;
}

.tracker_form {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	/* padding: 10px;
	box-sizing: border-box;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #3f4857; */
}

.tracker_form input[type=text], .tracker_form input[type=date], .tracker_form input[type=month] {
	width: 300px;
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #fff;
	border: 0;
	color: #3f4857;
	margin-right: 15px;
	float: left;
	box-sizing: border-box;
}

.tracker_form input[type=date] {
	width: 140px;
	padding: 8px 10px;
	height: 35px;
}

.tracker_form select {
	width: 140px;
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #fff;
	color: #3f4857;
	border: 0;
	margin-right: 15px;
	float: left;
	-webkit-appearance:none;
	box-sizing: border-box;
}



.tracker_form input[type=submit] {
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	margin-right: 15px;
	float: left;
	box-sizing: border-box;
}
.form_caption {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
}

.tracker_list, .tracker_list_for_task_detail {
	width: 100%;
	float: left;
}

.tracker_list table, .tracker_list_for_task_detail table {
	width: 100%;
	border: 1px solid #dfe2e5;
}

.settings_table, .settings_table table, .settings_table tr, .settings_table td, .settings_table th {
	border-collapse: collapse;
}

.settings_table, .settings_table table {
	width: 100%;
}

.settings_table td {
	background: #fff;
	border: 1px dashed #dfe2e5;
	padding: 3px 6px;
}

.settings_table tr:hover td {
	background: #e5e5ef;
}

.tracker_list table, .tracker_list_for_task_detail table, .tracker_list tr, .tracker_list_for_task_detail tr, .tracker_list th, .tracker_list_for_task_detail th, .tracker_list td, .tracker_list_for_task_detail td {
	border-collapse: collapse;
}


.tracker_list th, .tracker_list_for_task_detail th {
	background: #d8e2e6;
	background: #fff;
	border: 1px dashed #dfe2e5;
	padding: 5px 10px;
	color: #3f4857;
}

.tracker_list td, .tracker_list_for_task_detail td {
	background: #d8e2e6;
	background: #fff;
	border: 1px dashed #dfe2e5;
	color: #5c6b84;
}

.tracker_list td input, .tracker_list_for_task_detail td input {
	background: none;
	padding: 5px 10px;
	border: 0;
	margin: 0;
	width: auto;
	width: 100%;
	color: #5c6b84;
	box-sizing: border-box;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.tracker_list td select, .tracker_list_for_task_detail td select {
	background: none;
	padding: 5px 10px;
	border: 0;
	margin: 0;
	width: 100%;
	color: #5c6b84;
	-webkit-appearance:none;
	box-sizing: border-box;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.tracker_list td span, .tracker_list_for_task_detail td span {
	font-size: 13px;
	display: block;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box;
}

.timer {
	padding-left: 20px;
	font-weight: bold;
	font-size: 32px;
	line-height: 100%;
	color: #3f4857;
}

.button_wrap {
	width: 100%;
	text-align: right;
	padding-top: 10px;
}

.button_wrap a {
	float: right;
	padding: 3px 6px;
	border: 1px solid #3f4857;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #3f4857;
	cursor: pointer;
}



.card {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 7px 8px 7px;
	margin-top: 8px;
	border-bottom: 1px solid #e5e5ef;
	color: #3f4857;
	background: #fff;
}

.card a {
	text-decoration: none;
}

.screen {
	float: left;
}

.card_paid {
	border: 1px solid #283e56;
}

.column {
	width: 300px;
	float: left;
	box-sizing: border-box;
	margin-right: 5px;
	padding-bottom: 0;
	background: #fff;
	margin-bottom: 10px;
	width: 300px;
	height: auto;
}

.column_header {
	background: #fff;
	background: #293142;
	color: #fff;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;

	background: rgb(244,212,68);
	background: linear-gradient(139deg, rgba(244,212,68,1) 0%, rgba(248,108,167,1) 100%);
}

.column_header a {
	color: #fff;
	text-decoration: none;
}

.column_header_light {

}

.column_header_h2 {
	font-size: 14px;
	background: #c3c3d3;
	color: #59596e;
	padding-top: 4px;
	padding-bottom: 4px;
}

.card_user_bubble {
	float: right;
	background: #e8eaeb;
	padding: 1px;
	text-align: center;
	box-sizing: border-box;
	width: 20px;
	font-weight: bold;
	height: 13px;
	margin-left: 2px;
	color: #fff;
	display: inline;
	font-size: 9px;
	line-height: 130%;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	color: #76808b;
}

.card_time_bubble {
	background: #f4f4f8;
	padding: 1px 5px 1px 5px;
	text-align: center;
	box-sizing: border-box;
	height: 13px;
	margin-right: 2px;
	display: inline;
	font-size: 9px;
	line-height: 130%;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	color: #8792a4;

}

.card_board_name {
	font-weight: bold;
	font-size: 9px;
	color: #8b8b8b;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.buttons {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 10px 0 10px 0;
}

.buttons a {
	display: block;
	float: left;
	padding: 5px 8px;
	margin-right: 10px;
	background: #fff;
	color: #2a3443;
	cursor: pointer;
	text-decoration: none;
}

/* tasks-page filter row: 8px vertical gap when the project buttons wrap to multiple rows */
.buttons_wrap8 a { margin-bottom: 8px; }


.active {
	background: #5d3df5 !important;
	color: #fff !important;
}

.buttons a.toggle_all_lists {
	background: #e5e5ef;
	color: #5d3df5;
	font-weight: bold;
	border: 1px solid #5d3df5;
	padding: 4px 7px;
}

.buttons a.toggle_all_lists:hover {
	background: #d7d7e6;
}

@media only screen 
and (max-width : 990px) {
	.column {
		width: 80%;
		margin-bottom: 20px;
	}
}

.build_log_item {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
	background: #d8e2e6;
	border: 1px solid #283e56;
}

.build_log_button {
	width: 18px;
	height: 18px;
	background: #e7eaed;
	float: left;
	text-align: center;
	margin-left: 5px;
	border: 1px solid #c1c9d1;
	padding: 2px;
	box-sizing: border-box;
	line-height: 100%;
}

.build_log_button img {
	width: 100%;
	height: 100%;
}

.internal_memo {
	border: 0;
}

.internal_memo li {
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 20px;
}

.grid {
	float: left;
	width: 100%;
}

.data_form {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

.data_form textarea {
	width: 100%;
	height: 400px;
	padding: 10px;
	margin: 0;
	background: #e5e5ef;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.data_form input[type=text], .data_form input[type=date], .data_form input[type=password] {
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #e5e5ef;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}


.data_form input[type=submit] {
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 15px;
}

.data_form select {
	width: 100%;
	padding: 0;
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	margin: 0;
	float: left;
	-webkit-appearance:none;
	box-sizing: border-box;
	background: #e5e5ef;
}

.print_button_wrap a {
	float: right;
	padding: 3px 6px;
	border: 1px solid #3f4857;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #3f4857;
	cursor: pointer;
}

.edit_button_wrap a {
	float: right;
	padding: 3px 6px;
	border: 1px solid #fff;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	margin-top: 3px;
}

.server_ip {
	font-weight: bold;
}

.server_info {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}


.tiss_login_inner {
	width: 160px;
	height: 70px;
	margin: 5px 0 0px 5px;
	padding: 10px;
	float: left;
	overflow: hidden;
}

.column_screen {
	width: 480px;
}

.screen_mockup {
	width: 480px;
	height: 300px;
	background: #000;
	overflow: hidden;
}

.screen_element_mockup {
	background: #333;
	color: #fff;
	position: absolute;
	padding: 4px;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
	font-size: 9px;
}

.manual {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-right: 5px;
	background: #fff;
	margin-bottom: 10px;
	height: auto;
}

.manual_header {
	background: #fff;
	color: #a4a4b7;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	background: #f2f2f8;
}

.manual_header a {
	color: #fff;
	text-decoration: none;
}

.manual_content {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
	color: #a4a4b7;
}

.manual_content li {
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 20px;
}

.waterfall_project_group {
	width: 100%;
	float: left;
	background: #f2f2f8;
	box-sizing: border-box;
	padding: 0 10px;
	border-bottom: 1px solid #e5e5ef;
	height: 24px;
	overflow: hidden;
}

.waterfall_project_group_right_column {
	width: 100%;
	float: left;
	background: #f2f2f8;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5ef;
	height: 24px;
	overflow: hidden;
}

.waterfall_project_group .waterfall_project_left_column_inner {
	font-weight: bold;
}

.waterfall_project_item {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	border-bottom: 1px solid #e5e5ef;
	height: 24px;
	overflow: hidden;
	background: #fff;
}

.waterfall_project_item a {
	text-decoration: none;
}

.waterfall_project_left_column {
	float: left;
	border-right: 1px solid #000;
	z-index: 100;
}

.waterfall_project_group .waterfall_project_left_column {
	background: #f2f2f8;
}

.waterfall_project_item .waterfall_project_left_column {
	background: #ffffff;
}


.waterfall_project_left_column_inner {
	padding: 3px 0;

}

.waterfall_project_left_column_inner a {
	text-decoration: none;
}

.waterfall_project_right_column {
	float: left;
	color: #3f4857;
}

.waterfall_project_day {
	float: left;
	overflow: hidden;
	font-size: 9px;
	background: #fff;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0 0 0;
	height: 24px;

}

.waterfall_project_day_weekend {
	background: #f2f2f8;
	color: #ccc;
}

.waterfall_project_day_weekend img {
	opacity: 0.3;
}

.waterfall_project_day_last_day {
	border-right: 1px solid #ccc;
}

.waterfall_project_day_active {

}

.waterfall_project_month {
	float: left;
	overflow: hidden;
	font-size: 13px;
	background: #fff;
	padding: 3px 0;
	border-right: 1px solid #efefef;
	border-color: #ccc;
	text-align: center;
	box-sizing: border-box;
	background: #e5e5ef;
	font-weight: bold;
	height: 24px;
}

.waterfall_project_group_line:hover .waterfall_project_day {
	background: #e5e5ef;
}

.waterfall_project_item_line:hover .waterfall_project_day {
	background: #e5e5ef;
}

.puzzle_element {
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	position: absolute;
	border: 5px solid #000;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}


.delete_span {
	display: none;
}


.wiki_left_column {
	width: 20%;
	float: left;
	min-height: 100px;
	box-sizing: border-box;
	padding-right: 20px;
}

.wiki_left_column li {
	display: block;
	float: left;
	text-decoration: none;
	width: 100%;
	background: #fff;
	margin-bottom: 3px;
}

.wiki_left_column .delete_span {
	display: none;
}


.card:hover .delete_span {
	display: block;
}

.wiki_left_column a {
	text-decoration: none;
	width: 100%;
	padding: 4px 8px;
	display: block;
	float: left;
	box-sizing: border-box;
}
.wiki_left_column a:hover {
	background: #f2f2f8;
}

.wiki_left_column li:hover .delete_span {
	display: block;
}

.wiki_right_column {
	width: 80%;
	float: left;
	min-height: 100px;
	box-sizing: border-box;
}

.wiki_right_column textarea {
	width: 100%;
	height: 500px;
	border: 0px solid #e5e5ef;
	padding: 10px;
	box-sizing: border-box;
}

.wiki_inner {
	padding: 10px;
}

.wiki_inner ul {
	margin-left: 20px;
}

.wiki_inner li {
	padding-left: 0px;
	list-style: circle;
}


.login_logo {
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
}

.login_logo img {
	width: 100px;
}

.ownership_note {
	font-size: 9px;
	line-height: 100%;
}

.ownership_note p {
	margin: 0;
}

.honeybee_task_status {
	width: 100%;
	float: left;
	background: #fff;
}
.honeybee_task_status_item {
	float: left;
	box-sizing: border-box;
	text-transform: uppercase;
	font-size: 10px;
	border-bottom: 3px solid #b5b5c2;
	color: #b5b5c2;
	padding: 3px 0 3px 5px;
	box-sizing: border-box;
	cursor: pointer !important;
}

.honeybee_task_status_item_done {
	border-color: #7ace3e;
}

.honeybee_task_status_item_right_now {
	font-weight: bold;
	color: #61ab2d;
}

.honeybee_task_status_red {
	background: #c51c00;
}

.honeybee_task_status_red .honeybee_task_status_item {
	color: #fff;
}

.honeybee_task_status_red .honeybee_task_status_item_done {
	border-color: #000000;
}



.honeybee_task_user_wrapper {
	float: left;
	margin-bottom: 20px;
}

.honeybee_task_user_bubble {
	float: left;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	background: #c3c3d3;
	color: #583eec;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 28px;
	height: 28px;
	text-align: center;
	padding-top: 4px;
	box-sizing: border-box;
	margin-right: 4px;
	cursor: pointer;
	margin-top: 4px;
}

.honeybee_task_user_bubble_inactive {
	opacity: 0.2;
}

/* Assigned to — chip picker (users / AI agents / external) */

.honeybee_task_user_wrapper {
	width: 100%;
}

.hb_assign {
	position: relative;
	width: 100%;
	float: left;
}

.hb_assign_selected {
	overflow: hidden;
}

.hb_assign_chip {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	background: #c3c3d3;
	color: #583eec;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	padding: 7px 11px;
	box-sizing: border-box;
	white-space: nowrap;
	margin: 4px 4px 0 0;
}

.hb_assign_chip_ai {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 2px dashed currentColor;
	padding: 5px 9px;
}

.hb_assign_chip_x {
	margin-left: 7px;
	opacity: 0.6;
	cursor: pointer;
}

.hb_assign_chip_x:hover {
	opacity: 1;
}

.hb_assign_add {
	float: left;
	width: 27px;
	height: 27px;
	margin: 4px 0 0 2px;
	box-sizing: border-box;
	border: 2px dashed #b1b1be;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #8a8a99;
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
}

.hb_assign_add:hover {
	border-color: #583eec;
	color: #583eec;
}

.hb_assign_panel {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 50;
	margin-top: 6px;
	width: 340px;
	max-height: 70vh;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #b1b1be;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	padding: 10px;
	box-sizing: border-box;
}

.hb_assign_search {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 8px;
	border: 1px solid #c3c3d3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 12px;
}

.hb_assign_group {
	clear: both;
	overflow: hidden;
}

.hb_assign_group_label {
	clear: both;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8a8a99;
	padding: 10px 0 2px 0;
}

.hb_assign_panel .hb_assign_chip {
	cursor: pointer;
}

.hb_assign_panel .hb_assign_chip:hover {
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* single-select user picker (Owner, Client Owner, Tag user) */

.hb_pick {
	position: relative;
	float: left;
}

.hb_pick_current {
	float: left;
	cursor: pointer;
}

.hb_pick_current .hb_assign_chip {
	cursor: pointer;
}

.hb_pick_placeholder {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #8a8a99;
	background: #ececf2;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	padding: 7px 11px;
	margin: 4px 0 0 0;
	white-space: nowrap;
}

.hb_pick_caret {
	float: left;
	color: #8a8a99;
	font-size: 11px;
	margin: 9px 0 0 5px;
}

/* REPORT user filter: closed field matches the project/topic <select> box (empty + no arrow); dropdown stays grouped */
.report_user_pick { float: left; margin-right: 15px; }
.report_user_pick .hb_pick_current {
	display: flex; align-items: center;
	width: 140px; height: 35px; box-sizing: border-box; background: #fff; color: #3f4857; padding: 0 10px;
}
.report_user_pick .hb_pick_current .hb_pick_placeholder { display: none; } /* empty field when no user selected */
.report_user_pick .hb_pick_current .hb_assign_chip {
	float: none; flex: 1; min-width: 0; margin: 0; padding: 0;
	background: transparent !important; color: #3f4857 !important; font-weight: normal; font-size: 13px;
	border-radius: 0; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.report_user_pick .hb_pick_caret { display: none; } /* no dropdown arrow (match project select) */

.hb_pick_item_none {
	float: left;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #8a8a99;
	background: #ececf2;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	padding: 7px 11px;
	margin: 8px 0 0 0;
	cursor: pointer;
	white-space: nowrap;
}

.hb_pick_item_none:hover {
	color: #583eec;
}

.honeybee_task_comment {
	width: 33.3333%;
	padding-right: 10px;
	box-sizing: border-box;;
	box-sizing: border-box;
	float: left;
	margin-top: 10px;
}

.honeybee_task_comment_inner {
	background: #fff;
	padding: 10px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #b1b1be;
}

.honeybee_task_comment_inner p:first-child {
	margin-top: 0;
}

.honeybee_task_comment_inner p:last-child {
	margin-bottom: 0;
}



.honeybee_task_settings {
	width: 33.3333%;
	padding-right: 10px;
	box-sizing: border-box;;
	box-sizing: border-box;
	float: left;
	margin-top: 10px;
}

.honeybee_task_settings_inner {
	background: #fff;
	padding: 10px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #b1b1be;
}

.honeybee_task_settings_inner p:first-child {
	margin-top: 0;
}

.honeybee_task_settings_inner p:last-child {
	margin-bottom: 0;
}

.honeybee_task_settings_row {
    width: 100%;
    float: left;
    display: flex;
    gap: 20px;
}

.honeybee_task_settings_col {
    width: calc(50% - 10px);
    float: left;
}

.honeybee_task_branch_inner_html {
    cursor: pointer;
    min-height: 42px;
}


.honeybee_task_activity_item ul li, .honeybee_task_checklist_item ul li, .honeybee_task_comment_inner_html ul li {
	list-style-type: circle;
	margin-left: 20px;
}

.honeybee_task_activity_item ol {
	margin: 0;
	padding: 0;
}

.honeybee_task_activity_item ol li, .honeybee_task_checklist_item ol li {
	list-style-type: decimal;
	margin-left: 20px;
}

.honeybee_task_comment_inner img, .honeybee_task_settings_inner img {
	max-width: 100%;
	max-width: 250px;
	margin-top: 10px;
}

.honeybee_task_comment_inner a, .honeybee_task_settings_inner a {
	text-decoration: none;
}

.honeybee_task_comment_inner_a_img_icon, .honeybee_task_settings_inner_a_img_icon {
	width: 16px;
	float: left;
	margin-right: 5px;
	margin-top: 0 !important;
}

.honeybee_task_activity {
	width: 33.3333%;
	padding-right: 10px;
	margin-top: 10px;
	box-sizing: border-box;;
	box-sizing: border-box;
	float: left;
}

.honeybee_task_activity_inner {
	background: #fff;
	background: none;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
}

.honeybee_task_activity_item {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #b1b1be;
	padding-bottom: 5px;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
}

.honeybee_task_activity_item_comment p:last-child {
	margin-bottom: 0;
}

.honeybee_task_activity_item img {
	max-width: 100%;
}

.honeybee_task_activity_item_name {
	font-weight: bold;
	width: 100%;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 4px;
}

.honeybee_task_activity_item_name_bubble {
	float: left;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	background: #583eec;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 20px;
	height: 20px;
	text-align: center;
	padding-top: 4px;
	box-sizing: border-box;
	margin-right: 5px;
	margin-top: -1px;
}

.honeybee_task_activity_item_date {
	float: right;
	font-weight: normal;
	color: #b1b1be;
}

.honeybee_task_activity_item_date a {
	color: #b1b1be;
	cursor: pointer;
}

.honeybee_task_activity_item_removed_user {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_task_reminder {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_added_user {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_status_change {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_checklist_checked {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_checklist_unchecked {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_reordered_checklist {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_label_add {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_label_remove {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_name_change {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_created_task {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_file_add {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_checklist_item_add {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_checklist_item_remove {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_list_change {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_project_change {
	background: none;
	border: 0;
}

.honeybee_task_activity_item_source_code_updated, .honeybee_task_activity_item_source_code_pushed {
	background: none;
	background: #c3c3d3;
	background: #583eec;
	color: #fff;
	border: 0;
}

.honeybee_task_activity_item_source_code_pushed {
	background: rgba(248, 108, 167, 1);
	background: #b8422d;
}

.honeybee_task_activity_item_sprint_settings_change {
	background: #ccfbcc;
	border: 0;
}

.honeybee_task_activity_item_file_add img {
	max-width: 150px;
}

.honeybee_task_checklist {
	width: 33.3333%;
	padding-right: 10px;
	padding-right: 0;
	margin-top: 10px;
	box-sizing: border-box;;
	box-sizing: border-box;
	float: left;
}

.honeybee_task_checklist_inner {
	background: #fff;
	background: none;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.honeybee_task_checklist_item {
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #b1b1be;
}

.honeybee_task_checklist_item p {
	margin: 0;
}

.honeybee_task_checklist_item_checkbox {
	width: 20px;
	position: absolute;
}

.honeybee_task_checklist_item_text {
	width: auto;
	box-sizing: border-box;
	padding-left: 25px;
}

.honeybee_task_checklist_item_textarea {
	width: auto;
	box-sizing: border-box;
	padding-left: 25px;
	display: none;
}

.honeybee_task_sprint_inner {
	background: #fff;
	padding: 10px 10px 10px 10px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}


.honeybee_task_timer_inner {
	background: #fff;
	padding: 10px 0 0 0;
	padding: 10px;
	padding: 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.sprint_user_off {
	opacity: 0.2;
}

.honeybee_task_timer_inner table {
	width: 100%;
}

.honeybee_task_new_comment {
	margin-bottom: 20px;
	display: none;
}

.comment_textarea_wrap.bigger,
.honeybee_task_new_comment.bigger{
	position: fixed;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
	padding-bottom: 40px;
	z-index: 11;
	top: 20px;
	left: 110px;
	right: 20px;
	height: 535px;
	border-radius: 15px;
}
.comment_textarea_wrap.bigger .tox-tinymce,
.honeybee_task_new_comment.bigger .tox-tinymce{
	height: 500px;
}

.honeybee_task_new_comment_button {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.honeybee_task_new_comment_button a {
	border: 1px solid #a0a0af;
	color: #a0a0af;
	padding: 3px 6px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	float: right;
	margin-left: 10px;
}

.honeybee_task_new_comment_button a:hover {
	color: #583eec;
	border-color: #583eec;
}

.honeybee_task_new_comment_submit {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.honeybee_task_new_comment_submit a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 15px;
	cursor: pointer;
}

.comment_textarea_wrap {
	display: none;
}

.comment_textarea_wrap_submit {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.comment_textarea_wrap_submit a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 15px;
	margin-left: 10px;
}

.task_checklist_textarea_wrap_submit {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.task_checklist_textarea_wrap_submit a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 15px;
	margin-left: 10px;
	cursor: pointer;
}

.comment_textarea_wrap select {
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #e5e5ef;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.task_activity_reaction_button {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	float: left;
	color: #aaa;
	padding: 2px 5px;
	margin-left: 10px;
	cursor: pointer;
}

.task_activity_reaction_button_bubble {
	position: absolute;
	margin-left: 17px;
	margin-top: -8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #5d3df5;
	color: #fff;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	padding-top: 1px;
	text-align: center;
	line-height: 100%;
}

.task_activity_reaction_button_bubble_highlight {
	OFFbackground: #5d3df5;
}

.task_activity_reaction_button_bubble_inner {
	position: absolute;
	background: #5d3df5;
	color: #fff;
	padding: 10px;
	z-index: 1000;
	margin: 3px 0 0 0;
	text-transform: none;
	font-weight: normal;
	font-size: 11px;
	line-height: 140%;
	text-align: left;
	display: none;
}

.task_activity_reaction_button_bubble:hover .task_activity_reaction_button_bubble_inner {
	display: block;
}

.task_activity_reaction_button img {
	width: 20px;
	opacity: 0.3;
}

.task_activity_reaction_button_active {

}


.task_activity_reaction_button_active img {
	opacity: 1;
}

.task_checklist_textarea_wrap_submit_checklist_item_delete a {
	background: #ff5151;
}

.comment_textarea_wrap_submit_delete a {
	background: #ff5151;
}

.task_checklist_textarea_wrap_submit_checklist_item_cancel a {
	background: #babac9;
}

.comment_textarea_wrap_submit_cancel a {
	background: #babac9;
}

.honeybee_task_new_item {
	display: none;
}

.honeybee_task_comment_inner_textarea,
.honeybee_task_settings_inner_textarea,
.honeybee_task_branch_inner_input {
    display: none;
}

.honeybee_task_checklist_wrapper {
	width: 100%;
	float: left;
}

.honeybee_task_comment_inner_textarea, .honeybee_task_settings_inner_textarea {
	display: none;
}


.task_description_textarea_wrap_submit a, .task_settings_textarea_wrap_submit a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 15px;
	margin-left: 10px;
}


.task_description_textarea_wrap_submit_cancel a, .task_settings_textarea_wrap_submit_cancel a {
	background: #babac9;
}

.dz-details {
	display: none;
}

.dz-error-message {
	display: none;
}

.dz-success-mark {
	display: none;
}

.dz-error-mark {
	display: none;
}

.honeybee_task_list_wrapper {
	float: right;
}

.honeybee_task_label_add, .honeybee_task_list_change {
	float: right;
}

.honeybee_task_label_add a, .honeybee_task_list_change a {
	border: 1px solid #a0a0af;
	color: #a0a0af;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	float: right;
	margin-left: 10px;
	width: auto;
	text-transform: uppercase;
}

.honeybee_task_label_add_list, .honeybee_task_change_list_list {
	position: absolute;
	border: 1px solid #a0a0af;
	background: #fff;
	margin-left: 10px;
	margin-top: 22px;
	width: 220px;
	background: #fff;
	padding: 15px 15px 5px 15px;
	display: none;
	z-index: 100;
	height: 500px;
	overflow-y: scroll;
}

.honeybee_task_change_list_list {
	height: auto;
	width: 140px;
}

.honeybee_task_label {
	border: 1px solid #000;
	padding: 0px 5px 0px 0px;
	height: 18px;
	float: left;
	margin: 0px 10px 5px 0px;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #3f4857;
	font-weight: bold;
}

.honeybee_task_label_add_list .honeybee_task_label {
	cursor: pointer;
}

.honeybee_task_label_circle {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #000;
}

.honeybee_task_label_circle img {
	width: 12px;
	margin: 2px 0 0 2px;
}

.honeybee_task_label:hover {
	font-weight: bold;
}

.honeybee_task_change_list_list_item {
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 10px;
	cursor: pointer;
}

.honeybee_task_change_list_list_item_active {
	font-weight: bold;
}

.honeybee_task_name_input_wrapper {
}

.honeybee_task_name_input_wrapper input {
	border: 0;
	background: 0;
	padding: 0;
	margin: 0 10px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 90%;
}

#tracker_popup {
	position: fixed;
	z-index: 1000;
	bottom: 30px;
	right: 30px;
	width: 300px;
	height: 68px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;

	padding: 10px;
	box-sizing: border-box;
	display: none;
	background: #5d3df5;
	background: #cd402d;
}

.tracker_popup_left_column {
	width: 60px;
	float: left;
}

.tracker_popup_right_column {
	float: left;
	width: 217px;
}

.tracker_popup_right_column a {
	position: absolute;
	top: 35px;
	right: 30px;
	font-size: 14px;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.3);
}
.tracker_popup_right_column a:hover {
	color: rgba(255, 255, 255, 1);
}

.tracker_popup_button {
	width: 48px;
	float: left;
	margin-right: 15px;
}

.tracker_popup_time {
	color: #fff;
	float: left;
	width: 217px;
	height: 37px;
	overflow: hidden;
	font-size: 25px;
}

.tracker_popup_input_name {
	width: 200px;
	float: left;
}

.tracker_popup_input_name input {
	width: 100%;
	float: left;
	background: none;
	color: #fff;
	border: 0;
	padding: 10px;
	padding: 0;
	padding: 0;
	box-sizing: border-box;
}

.tracker_popup_input_name_input_active {
	background: #4231d8 !important;
	background: #fff !important;
	color: #fff !important;
	color: #333 !important;
	border: 0 !important;
	padding: 10px !important;
	box-sizing: border-box !important;
}

.tracker_popup_input_name select {
	width: 100%;
	float: left;
	background: #4231d8;
	background: #fff !important;
	color: #fff;
	color: #333 !important;
	border: 0;
	padding: 10px;
	box-sizing: border-box;
}

#loading_bar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	display: none;
}

#loading_bar img {
	width: 140px;
}

#loading_bar_inner {
	margin: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#done_bar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	display: none;
}

#done_bar img {
	width: 100px;
}

#done_bar_inner {
	margin: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.honeybee_task_file_buttons a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 15px;
	margin-left: 10px;
	cursor: pointer;
}

.honeybee_task_file_button_delete a {
	background: #ff5151;
}

.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.load_more_button {
	width: 100%;
	float: left;
	height: 65px;
}

.load_more_button a {
	width: 120px;
	margin: auto;
	background: #5d3df5;
	color: #ffffff;
	padding: 8px 10px;
	display: block;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
}

.no_p_margin p {
	margin: 0;
}

.user_popup {
	position: fixed;
	top: 20px;
	right: 20px;
}


.honeybee_client_info {
	width: 20%;
	padding-right: 10px;
	box-sizing: border-box;;
	box-sizing: border-box;
	float: left;
	margin-top: 10px;
}

.honeybee_client_info_inner {
	background: #fff;
	padding: 10px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #b1b1be;
}

.honeybee_client_info_inner input {
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #e5e5ef;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.honeybee_client_info_inner select {
	padding: 0;
	padding: 10px;
	margin: 0;
	background: #e5e5ef;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}


.honeybee_client_activity {
	width: 35%;
	padding-right: 10px;
	margin-top: 10px;
	box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.honeybee_client_activity_inner {
	background: #fff;
	background: none;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
}

.honeybee_client_activity_item_wrapper {
	width: 100%;
	float: left;
}

.honeybee_client_activity_item {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #b1b1be;
	padding-bottom: 5px;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
}

.honeybee_client_activity_item_left {
	width: 15%;
	float: left;
	text-align: right;
	min-height: 10px;
	box-sizing: border-box;
	padding-right: 10px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.honeybee_client_activity_item_wrapper_list {
	background: #fff;
	margin-bottom: 10px;
}

.honeybee_client_activity_item_wrapper_list .honeybee_client_activity_item_left {
	padding: 10px;
}

.honeybee_client_activity_item_wrapper_list .honeybee_client_activity_item {
	border: 0;
	margin: 0;
}

.honeybee_client_activity_item_left span {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #c3c3d3;
	width: 38px;
	height: 38px;
	display: block;
	float: right;
	margin-bottom: 5px;
}

.honeybee_client_activity_item_left_call span {
	background: #308fc6;
}

.honeybee_client_activity_item_left_lightcall span {
	background: #5f56d4;
}

.honeybee_client_activity_item_left_meeting span {
	background: #70c630;
}

.honeybee_client_activity_item_left_milestone span {
	background: #c9401c;
}

.honeybee_client_activity_item_left_order span {
	background: #dcb11c;
}

.honeybee_client_activity_item_left_email span {
	background: #25d9d3;
}

.honeybee_client_activity_item_left img {
	max-width: 24px;
	margin: 6px 7px 0 0;
}

.honeybee_client_activity_item_right {
	width: 85%;
	float: left;
}

.crm_event_result_type_label {
	background: #5d3df5;
	color: #fff;
	padding: 3px 8px;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin-left: 10px;
	marign-top: -10px;
}

.honeybee_crm_event_delete a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #ff5151;
	border: 0;
	color: #fff;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
}

.honeybee_crm_event_submit a {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	float: right;
	box-sizing: border-box;
	cursor: pointer;
}

.client_merge_button {
	float: right;
	width: 50px;
	text-align: right;
	min-height: 14px;
}

.client_merge_button a {
	background: #5d3df5;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	display: none;
}

.card_client:hover .client_merge_button a {
	display: inline;
}

.card_client {
	width: 100%;
}

.client_list {
	width: 100%;
}

.client_list, .client_list table, .client_list tr, .client_list td, .client_list th {
	border-collapse: collapse;
}

.client_list td {
	background: #fff;
	border: 1px dashed #dfe2e5;
	padding: 3px 6px;
	border-top: 0;
}

.client_list th {
	background: #fff;
	border: 1px dashed #dfe2e5;
	padding: 3px 6px;
}

.client_merge_button2 {
	width: 100%;
	float: left;
}

.client_merge_button2 a {
	background: #5d3df5;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	margin-top: 5px;
	float: left;
}

.settings_table table thead tr td{
	position: sticky;
	top: 0;
	z-index: 2;
	text-align: center;
}

.btn-primary {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #5d3df5;
	border: 0;
	color: #fff;
	box-sizing: border-box;
	margin-top: 15px;
	cursor: pointer;
}

.btn-danger {
	padding: 0;
	padding: 3px 6px;
	margin: 0;
	background: #ff5151;
	border: 0;
	color: #fff;
	box-sizing: border-box;
	margin-top: 15px;
	cursor: pointer;
}

.private{
	background-color: rgb(255, 236, 190);
}

.task-name{
	margin: 0px 10px;
	color: silver;
}

.btn {
	border: 1px solid #a0a0af;
	color: #a0a0af;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	/*float: right;*/
	margin-left: 10px;
	width: auto;
	text-transform: uppercase;
}

.btn-form {
	padding: 3px 6px;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	margin-top: 15px;
	margin-left: 10px;
	color: #fff;
}

.btn-form-submit{
	background: #5d3df5;
}
.btn-form-cancel{
	background: #babac9;
}
.btn-form-delete{
	background: #ff5151;
}

.content-right{
	display: flex;
	justify-content: flex-end;
}

form input{
	padding: 10px;
	margin: 0;
	background: #e5e5ef;
	border: 0;
	width: 100%;
	width: auto;
	box-sizing: border-box;
	margin-bottom: 15px;
}

form input[type=text] {
	width: 100%;
}

form select {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	margin: 0;
	-webkit-appearance:none;
	background: #e5e5ef;
}

.delete{
	cursor: pointer;
}

.non_active{
	display: none;
}

.handle.ui-sortable-handle{
	float: right;
	cursor: grab;
}

#new_search_result {
	position: absolute;
	top: 80px;
	right: 15px;
	width: 377px;
	background: #fff;
	box-sizing: border-box;
	padding: 5px;
	z-index: 1000;
	display: none;
	-webkit-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.5);
	max-height: 600px;
	overflow-y: scroll;
}


/* pekný code block vždy */
.code-pre{
	white-space: pre;
	overflow-x: auto;
	padding: 10px 12px;
	border-radius: 6px;
	background: rgba(0,0,0,0.04);
	border: 1px solid rgba(0,0,0,0.08);
	line-height: 1.35;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 12px;
}

/* diff riadky musia byť bloky */
.diff-pre .diff-hdr,
.diff-pre .diff-add,
.diff-pre .diff-del,
.diff-pre .diff-ctx{
	display:block;
	padding: 0 6px;
}

/* farby */
.diff-pre .diff-hdr{ color:#666; background: rgba(0,0,0,0.04); }
.diff-pre .diff-add{ color:#0a7a28; background: rgba(10,122,40,0.10); }
.diff-pre .diff-del{ color:#b00020; background: rgba(176,0,32,0.10); }
.diff-pre .diff-ctx{ color: inherit; }


/* Pre istotu aj na pre a span riadkoch */
.code-pre, .code-pre * {
	user-select: text !important;
	-webkit-user-select: text !important;
}

/* Kód bloky */
.code-pre{
	white-space: pre;
	overflow-x: auto;
	padding: 10px 12px;
	border-radius: 6px;
	background: rgba(0,0,0,0.04);
	border: 1px solid rgba(0,0,0,0.08);
	line-height: 1.35;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 12px;
}

/* Diff riadky musia byť bloky – OK, ale nech sú “selectable” */
.diff-pre .diff-hdr,
.diff-pre .diff-add,
.diff-pre .diff-del,
.diff-pre .diff-ctx{
	display:block;
	user-select: text !important;
	-webkit-user-select: text !important;
}

/* Farby */
.diff-pre .diff-hdr{ color:#666; background: rgba(0,0,0,0.04); }
.diff-pre .diff-add{ color:#0a7a28; background: rgba(10,122,40,0.10); }
.diff-pre .diff-del{ color:#b00020; background: rgba(176,0,32,0.10); }
.diff-pre .diff-ctx{ color: inherit; }

.pre-wrap{
	position: relative;
	margin: 8px 0;
}
.pre-copy-btn{
	top: 6px;
	right: 6px;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.15);
	background: rgba(255,255,255,0.85);
	cursor: pointer;
}
.pre-copy-btn:hover{
	background: rgba(255,255,255,1);
}

.pre-wrap{ position: relative; margin: 8px 0; }
.pre-actions{ position:absolute; top:6px; right:6px; display:flex; gap:6px; z-index:2; }

.pre-copy-btn{
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.15);
	background: rgba(255,255,255,0.9);
	cursor: pointer;
}
.pre-copy-btn:hover{ background: rgba(255,255,255,1); }
.pre-copy-btn-clean{ opacity: .9; }
/* --- task page tidy (bee-4701) --- */
.honeybee_task_owner_row {
	display: flex;
	gap: 12px;
	clear: both;
	margin-bottom: 14px;
}
.honeybee_task_owner_row .data_form {
	width: auto;
	flex: 1;
	float: none;
	margin: 0;
	display: flow-root;
}
.honeybee_task_roadmap,
.honeybee_task_topic,
.honeybee_task_ticket {
	clear: both;
	margin-bottom: 14px;
}
.honeybee_task_comment .select2-container--default .select2-selection--single {
	height: 28px;
}
.honeybee_task_comment .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 26px;
}
.honeybee_task_comment .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
}
.honeybee_task_comment .select2-container--default .select2-selection--multiple {
	min-height: 28px;
}
.honeybee_task_comment .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 1px 5px;
}
.honeybee_task_comment .select2-container--default .select2-search--inline .select2-search__field {
	margin-top: 3px;
	height: 22px;
}
.honeybee_task_settings_col {
	display: flex;
	flex-direction: column;
}
.honeybee_task_settings_col .honeybee_task_settings_inner_html,
.honeybee_task_settings_col .honeybee_task_branch_inner_html {
	flex: 1 1 auto;
}

/* ticket section — subtle bordered box (bee-4701) */
.hb_ticket_box {
	border: 1px solid #dfe2e5;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
}
.hb_ticket_box_body {
	padding: 12px;
}

/* task page r3 — consistent label->field gap + topics(multi) matches roadmap(single) (bee-4701) */
.hb_flabel { display:block; font-size:13px; color:#000; line-height:1; margin:0 0 4px; }
.honeybee_task_comment_inner .honeybee_task_user_wrapper { margin-bottom:14px; }
.honeybee_task_comment_inner .honeybee_task_user_wrapper .hb_assign_selected .hb_assign_chip,
.honeybee_task_comment_inner .honeybee_task_user_wrapper .hb_assign_add { margin-top:0; }
.honeybee_task_owner_row .hb_assign_chip,
.honeybee_task_owner_row .hb_pick_placeholder { margin-top:0; }
.honeybee_task_owner_row .hb_pick_caret { margin-top:7px; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple { min-height:28px; padding-right:22px; position:relative; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding:0 6px; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { margin-top:0; height:26px; line-height:26px; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple::after { content:""; position:absolute; top:11px; right:9px; width:0; height:0; border-top:5px solid #888; border-left:4px solid transparent; border-right:4px solid transparent; pointer-events:none; }

/* task page — remove all dropdown arrows, keep placeholders (bee-4701) */
.honeybee_task_comment .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }
.honeybee_task_comment .select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 8px; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple::after { content: none; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple { padding-right: 0; }
.honeybee_task_comment .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 8px; }

/* task page r4 — topics(multi)=roadmap(single) height + consistent 6px label gap (bee-4701, verified live) */
.honeybee_task_comment .select2-container--default .select2-selection--multiple { padding-bottom: 0; min-height: 28px; }
.hb_flabel { margin-bottom: 6px; }
.honeybee_task_comment_inner .honeybee_task_user_wrapper { margin-top: -4px; }

/* ticket: gap between the optics-select and request-type-select (bee-4701) */
.hb_ticket_box .form-group + .form-group { margin-top: 8px; }

/* assigned-to chip is clickable (opens the picker) -> hand cursor (bee-4701) */
.hb_assign_selected .hb_assign_chip{cursor:pointer}

/* #5462 — zoznam vetiev v karte Branch.
   POZOR: zoznam sa vykresluje vnutri .honeybee_task_branch_inner_html, ktory ma flex:1 1 auto
   (riadok ~2656). Vdaka tomu maju karty Branch a Settings & Permissions rovnaku vysku.
   Tomuto kontajneru NEDAVAJ height / max-height / overflow — rozbilo by to naťahovanie. */
.hb_brlist { margin-top: 2px; }
.hb_br { padding: 8px 0; border-top: 1px solid #e5e5ef; }
.hb_brlist .hb_br:first-child { border-top: 0; padding-top: 0; }
.hb_brname { font-family: monospace; font-size: 11px; color: #3d3d52; word-break: break-all; line-height: 1.5; user-select: all; }
.hb_brchips { margin-top: 5px; line-height: 1.9; }
.hb_brmeta { color: #c3c3d3; font-size: 10px; margin-top: 4px; }
.hb_bracts { margin-top: 6px; }

.hb_chip { display: inline-block; font-size: 10px; padding: 1px 6px; border-radius: 3px; margin-right: 4px; white-space: nowrap; }
.hb_c_neutral { background: #eef0f4; color: #59596e; }
.hb_c_ok      { background: #e3f3e8; color: #2f7d4a; }
.hb_c_prod    { background: #2f7d4a; color: #fff; }
.hb_c_wait    { background: #fdf1dc; color: #8a6412; }
.hb_c_stale   { background: #fbe6e6; color: #a33333; }
.hb_c_sugg    { background: #f2f2f6; color: #8a8a99; }   /* bez obrysu - obrys ma len tlacidlo */
.hb_c_prim    { background: #ece8fd; color: #5d3df5; }

/* Klikatelne prvky vyzeraju ako existujuce honeybee tlacidla (.btn, riadok ~2422):
   obtiahnute, tucne, VERZALKY. Chipy vyssie su len stitky - nemaju obrys ani cursor,
   takze sa na prvy pohlad odlisi, co sa da kliknut a co je len informacia. */
.hb_act { display: inline-block; border: 1px solid #a0a0af; color: #a0a0af; background: none;
          padding: 2px 6px; font-size: 10px; font-weight: bold; text-transform: uppercase;
          text-decoration: none; cursor: pointer; margin-right: 6px; line-height: 1.5; }
.hb_act:hover { border-color: #59596e; color: #59596e; }
.hb_act_del { border-color: #c58f8f; color: #a33333; }
.hb_act_del:hover { border-color: #a33333; color: #a33333; }