/*

   _____ _____  _____  ________	 __  _______ _____ _____ _  ________ _______ _____ 
  / ____|  __ \|  __ \|  ____\ \   / / |__   __|_   _/ ____| |/ /  ____|__   __/ ____|
 | (___ | |__) | |__) | |__   \ \_/ /	 | |	| || |	| ' /| |__	 | | | (___  
  \___ \|  ___/|  _  /|  __|   \   /	  | |	| || |	|  < |  __|	| |  \___ \ 
  ____) | |	| | \ \| |____   | |	   | |   _| || |____| . \| |____   | |  ____) |
 |_____/|_|	|_|  \_\______|  |_|	   |_|  |_____\_____|_|\_\______|  |_| |_____/ 
																					  
																					  
*/


.fusion-form-form-wrapper .fusion-form-field .fusion-form-tooltip span.fusion-form-tooltip-content {
	font-size: 12px;
	min-width: 180px;
	white-space: normal;
}



/*
  ____		  _____   _____ ______  _____ 
 |  _ \   /\   |  __ \ / ____|  ____|/ ____|
 | |_) | /  \  | |  | | |  __| |__  | (___  
 |  _ < / /\ \ | |  | | | |_ |  __|  \___ \ 
 | |_) / ____ \| |__| | |__| | |____ ____) |
 |____/_/	\_\_____/ \_____|______|_____/ 
											
											
*/


.badge {
	display: inline-block;
	text-align: center;
	background-color: #aaa;
	color: #ffffff;
	font-size: .9em;
	line-height: 1.4em;
	font-weight: 600;
	border-radius: 16px;
	padding: 4px 14px;
	min-width: 86px;
	white-space: nowrap;
}
	
	
.badge-priority-,
.badge-status- {
	display: none;
}

.badge-priority-low {
  background-color: var(--badge-priority-low);
  color: var(--badge-priority-low-text);
}

.badge-priority-medium {
  background-color: var(--badge-priority-medium);
  color: var(--badge-priority-medium-text);
}

.badge-priority-high {
  background-color: var(--badge-priority-high);
  color: var(--badge-priority-high-text);
}

.badge-priority-urgent {
  background-color: var(--badge-priority-urgent);
  color: var(--badge-priority-urgent-text);
}


.badge-status-toestimate {
  background-color: var(--badge-status-toestimate);
  color: var(--badge-status-toestimate-text);
}

.badge-status-todo {
  background-color: var(--badge-status-todo);
  color: var(--badge-status-todo-text);
}

.badge-status-progress {
  background-color: var(--badge-status-progress);
  color: var(--badge-status-progress-text);
}

.badge-status-toverify {
  background-color: var(--badge-status-toverify);
  color: var(--badge-status-toverify-text);
}

.badge-status-closed {
  background-color: var(--badge-status-closed);
  color: var(--badge-status-closed-text);
}

.badge-status-archived {
  background-color: var(--badge-status-archived);
  color: var(--badge-status-archived-text);
}






/*
  ______ _____ _   _______ ______ _____   _____ 
 |  ____|_   _| | |__   __|  ____|  __ \ / ____|
 | |__	| | | |	| |  | |__  | |__) | (___  
 |  __|   | | | |	| |  |  __| |  _  / \___ \ 
 | |	 _| |_| |____| |  | |____| | \ \ ____) |
 |_|	|_____|______|_|  |______|_|  \_\_____/ 
												
												
*/



.filters{
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 10px;
	font-size: 14px;
}

.filters .filter-status-wrapper label input {
	margin-right: 6px;
}


.filter-status-wrapper{
	display: flex;
	gap: 10px;
}


/*FLO*/



div.container-tickets select {
	padding: 0 5px;
}
div.container-tickets select,
div.container-tickets .edit-mode input,
div.container-tickets .filter-id {
	height: 40px;
	font-size: 13px;
}

div.container-tickets .filter-id {
	width: 60px;
}

div.container-tickets .filters {
	margin-bottom: 5px;
}

div.container-tickets .filters select {
	margin-right: 10px;
}



.fusion-form-form-wrapper form.fusion-form label {
	font-size: 13px;
	color: #888;
}

.fusion-form-form-wrapper form.fusion-form label abbr {
	text-decoration: none;
}





/*
		   _____ _______ _____ ____  _   _   _____ _____ ____  _   _  _____ 
	 /\   / ____|__   __|_   _/ __ \| \ | | |_   _/ ____/ __ \| \ | |/ ____|
	/  \ | |	   | |	| || |  | |  \| |   | || |   | |  | |  \| | (___  
   / /\ \| |	   | |	| || |  | | . ` |   | || |   | |  | | . ` |\___ \ 
  / ____ \ |____   | |   _| || |__| | |\  |  _| || |___| |__| | |\  |____) |
 /_/	\_\_____|  |_|  |_____\____/|_| \_| |_____\_____\____/|_| \_|_____/ 
																			
 
*/																		   

.fa-angle-right{
	transition: transform .1s ease-in-out;
}
.fa-angle-right.down{
	transform: rotate(90deg);
}

td.collapse-trigger{
	cursor: pointer;
}

th:not(.active) i{
	display: none;
}

th.up i {
	transform: rotate(180deg);
}

.fusion-container-form > .fusion-builder-row .fusion-accordian .fusion-toggle-icon-wrapper i {
	background: transparent;
}

.fusion-container-form > .fusion-builder-row .fusion-accordian .fusion-toggle-icon-wrapper i {
	background: transparent;
}



/*
  _______	   ____  _	  ______			_	  _____  _____ _______  __	  _______ ________		  __
 |__   __|/\   |  _ \| |	|  ____|		  | |	|_   _|/ ____|__   __| \ \	/ /_   _|  ____\ \		/ /
	| |  /  \  | |_) | |	| |__	 ______  | |	  | | | (___	| |	 \ \  / /  | | | |__   \ \  /\  / / 
	| | / /\ \ |  _ <| |	|  __|   |______| | |	  | |  \___ \   | |	  \ \/ /   | | |  __|   \ \/  \/ /  
	| |/ ____ \| |_) | |____| |____		   | |____ _| |_ ____) |  | |	   \  /   _| |_| |____   \  /\  /   
	|_/_/	\_\____/|______|______|		  |______|_____|_____/   |_|		\/   |_____|______|   \/  \/	
																												
																												
*/



.edit-mode,
.actions-choices .actions-choice.edit-mode{
	display: none;
}

.actions-choices{
	display: flex;
	gap: 5px;
}



table.table-tickets tbody tr.child.hide td {
	padding: 0px 15px;
}

table.table-tickets tbody tr.child td {
	transition: padding .2s ease-in-out;
	padding: 14px 15px 20px;
	vertical-align: top;
}

tr.child td div{
	overflow: hidden;
	transition: max-height .2s ease-in-out;
}

tr.child.hide td div{
	max-height: 0;
}


.badge.badge-status{
	display: inline-flex;
	justify-content: center;
}

.description-title,
.files-title{
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 13px;
	color: #999;
}

.description-content,
.files-content{
	font-size: .8em;
}

.file-content{
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 5px;
}

th.sortable{
	cursor: pointer;
}

/*FLO*/


.fusion-container-form > .fusion-builder-row,
div.container-tickets {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: rgba(0,0,0,0.04) 0 0 20px;
	padding: 14px;
}

.fusion-container-form > .fusion-builder-row .fusion-accordian .panel-heading h4 a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fusion-container-form > .fusion-builder-row .fusion-accordian .panel-title .fusion-toggle-heading {
	margin-top: 1px;
	margin-left: 8px;
}



.fusion-container-form > .fusion-builder-row .fusion-accordian .fusion-panel .panel-body {
	padding-bottom: 0;
}



table.table-tickets {
	border: none;
	box-shadow: none;
}

table.table-tickets thead th,
table.table-tickets tbody td {
	border: none;
	background: transparent;
}

table.table-tickets tr,
table.table-tickets tr:nth-child(2n) {
	background: transparent;
}

table.table-tickets tbody tr:nth-child(4n+1),
table.table-tickets tbody tr:nth-child(4n+2) {
	background: rgba(0,0,0,0.015);
}
table.table-tickets tbody tr.main:hover {
	background: rgba(0,50,200,0.025);
	cursor: pointer;
}
table.table-tickets tbody tr.main:nth-child(4n+1):hover {
	background: rgba(0,50,200,0.035);
}

table.table-tickets thead tr {
	font-size: 13px;
	color: #999;
}

table.table-tickets thead tr th {
	text-align: left;
}

table.table-tickets tbody {
	font-size: 14px;
	line-height: 150%;
}

table.table-tickets thead tr,
table.table-tickets tbody tr:nth-child(2n) {
	border-bottom: solid 1px #efefef;
}

table.table-tickets thead th {
	padding: 14px 15px 20px 15px;
}
table.table-tickets tbody td {
	padding: 14px 15px;
}

table.table-tickets td.user > div {
	display: flex;
	align-items: center;
	padding: 1px 0;
}

table.table-tickets td.user .user-infos {
	display: flex;
	flex-direction: column;
	line-height: 135%;
}

table.table-tickets td.user .user-infos .user-name {
	font-size: 0.85em;
}

table.table-tickets td.user img {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	box-shadow: rgba(0,0,0,0.1) 0 0 6px;
	margin-right: 10px;
}

table.table-tickets .edit-mode input {
	width: 75px;
	margin-right: 2px;
}
table.table-tickets td.duration .edit-mode {
	align-items: center;
}

div.container-tickets .edit-mode select,
div.container-tickets .edit-mode input {
	height: 36px;
}

table.table-tickets td.creation-date {
	color: #777;
}

table.table-tickets td.duration .duration-unit {
	font-size: 0.7em;
}

table.table-tickets td.assigned img {
	border-radius: 50%;
	width: 28px;
	height: 28px;
	box-shadow: rgba(0,0,0,0.1) 0 0 4px;
	margin: 4px 5px 4px 0;
}
table.table-tickets td.assigned img:last-child {
	margin-right: 0;
}

table.table-tickets td.action .actions-choices {
	display: flex;
}

table.table-tickets .actions-choice{
	background-color: rgba(0,0,0,0.03);
	border-radius: 8px;
	padding: 4px 8px;
	margin-right: 2px;
}
table.table-tickets .actions-choice i,
table.table-tickets .actions-choice a {
	color: #444;
}

.fusion-column-wrapper .actions-choices .fusion-meta-tb .fusion-tb-comments{
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px;
	
}

.fusion-column-wrapper .actions-choices .fusion-meta-tb{
	background-color: rgba(0,0,0,0.03);
	border-radius: 8px;
	padding: 4px 8px;
	margin-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px;
	
}




/*
  _______ ____   _____  _____ _	  ______ 
 |__   __/ __ \ / ____|/ ____| |	|  ____|
	| | | |  | | |  __| |  __| |	| |__   
	| | | |  | | | |_ | | |_ | |	|  __|  
	| | | |__| | |__| | |__| | |____| |____ 
	|_|  \____/ \_____|\_____|______|______|
											
											
*/




.toggle-container {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 15px;
}

.toggle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #bbb;
  color: white;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}

.toggle-button.active {
  background-color: var(--awb-color5);
}

.toggle-button i {
  margin-right: 8px;
}

.toggle-button.active i {
  margin-right: 0px;
}

.toggle-button span {
  display: inline;
}

.toggle-button.active span {
  display: none;
}

.toggle-container .project-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 8px;
	width: 100%;
}

.toggle-container .project-title h2 {
	margin: 0;
	font-size: 18px;
}





/*
   _____ _____  _____ _____   __	  _______ ________		  __
  / ____|  __ \|_   _|  __ \  \ \	/ /_   _|  ____\ \		/ /
 | |  __| |__) | | | | |  | |  \ \  / /  | | | |__   \ \  /\  / / 
 | | |_ |  _  /  | | | |  | |   \ \/ /   | | |  __|   \ \/  \/ /  
 | |__| | | \ \ _| |_| |__| |	\  /   _| |_| |____   \  /\  /   
  \_____|_|  \_\_____|_____/	  \/   |_____|______|   \/  \/	
																  
																  
*/


.grid-view{
	display: grid;
/*	 grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

	column-gap: 10px;
}

.status-column{
	background-color: rgba(242,242,242,0.66);
	border-radius: 10px;
	padding: 10px 10px;
}

.status-content{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.status-header {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	text-align: center;
	background-color: white;
	border-radius: 10px;
	margin-bottom: 10px;
}
.status-header::after {
	content: '(' attr(data-count) ')';
	font-size: .7rem;
	font-weight: normal;
	display: inline-flex;
	margin-left: 4px;
}


.task{
	background-color: white;
	border-radius: 10px;
	padding: 10px 15px 8px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	font-size: 15px;
}

.task-proj{
	background-color: rgba(var(--color-sprey-rgb), 0.1);
	color: #fff;
	color: var(--color-sprey);
	padding: 3px 9px;
	border-radius: 3px;
	margin-bottom: 4px;
}



.task-title-and-prio {
	display: flex;
	justify-content: space-between;
	column-gap: 5px;
	margin-bottom: 10px;
	font-size: 13px;
}
.task-title-and-prio .title-sub {
	align-self: center;
	overflow: hidden;
}

.task-title-and-prio + .task-page {
	margin-left: 3px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.task-page {
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-view .user img{
	width: 24px;
	border-radius: 50px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	display: flex;
	justify-content: flex-end;
}

.grid-view .user .user-name{
	display: none;
}


/*

.task-description, .task-page, .task-files{
	font-size: 13px;
}
*/




.task-more-info{
	display: none;
}


/*


.task .task-more-info {
	transition: all 0.3s 0s ease-in;
}


.task:hover .task-more-info{
	max-height: 500px;
	opacity: 1;
	transition: all 0.3s 0.1s ease-in;
}


.task-more-info{
	margin-top: 5px;
	margin-bottom: 5px;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	background: #f2f2f2;
	border-radius: 10px;
	padding: 5px 10px;
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in;
}

.task-more-info span{
	font-weight: 600;
}
*/

.status-column {
	min-height: 67vh;
}


.status-content{
	height: 100%;
}

.dragging{
	opacity:0.5;
	filter: grayscale(1);
}





.grid-view .task .task-user .user-name {
	display: none;
}

.grid-view .task .task-user img {
	display: none;
}

.grid-view .task .project-name {
	font-weight: bold;
}



.grid-view .task .task-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 11px;
	align-items: center;
	margin-top: 12px;
	padding-top: 10px;
	border-top: solid 1px #efefef;
}

.grid-view .task .task-footer .task-author {
	min-width: 130px;
}
.grid-view .task .task-footer .date-footer,
.grid-view .task .task-footer .date-footer2 {
	min-width: 70px;
}

.grid-view .task .date-footer2.expired {
	color: #CA0000;
}

.grid-view .task .task-footer-2 {
	display: flex;
	font-size: 11px;
	justify-content: flex-start;
	align-items: center;
	margin-top: 4px;
	gap: 20px;
}
.grid-view .task .users-assigned {
	flex: 1;
	text-align: right;
	position: relative;
}
.grid-view .task .users-assigned .avatar {
	right: var(--item-position-offset, 0px);
	top: 2px;
}
.grid-view .task .task-interne {
	background-color: #eee;
	color: #000;
	padding: 2px 6px;
	border-radius: 3px;
}

#status-archived .task {
	opacity:0.5;
	filter: grayscale(1);
}






/*

   _____ _____  _____ _____	 _____ ____  _	 _	_ __  __ _   _	_____ ____  _	  ____  _____  
  / ____|  __ \|_   _|  __ \   / ____/ __ \| |   | |  | |  \/  | \ | |  / ____/ __ \| |	/ __ \|  __ \ 
 | |  __| |__) | | | | |  | | | |   | |  | | |   | |  | | \  / |  \| | | |   | |  | | |   | |  | | |__) |
 | | |_ |  _  /  | | | |  | | | |   | |  | | |   | |  | | |\/| | . ` | | |   | |  | | |   | |  | |  _  / 
 | |__| | | \ \ _| |_| |__| | | |___| |__| | |___| |__| | |  | | |\  | | |___| |__| | |___| |__| | | \ \ 
  \_____|_|  \_\_____|_____/   \_____\____/|______\____/|_|  |_|_| \_|  \_____\____/|______\____/|_|  \_\
																										 
																										 
*/											 


.status-column:nth-of-type(1){
  background-color: var(--badge-status-toestimate);
}

.status-column:nth-of-type(1) .status-header{
  color: var(--badge-status-toestimate-text);
}

.status-column:nth-of-type(2){
  background-color: var(--badge-status-todo);
}

.status-column:nth-of-type(2) .status-header{
  color: var(--badge-status-todo-text);
}

.status-column:nth-of-type(3){
  background-color: var(--badge-status-progress);
}

.status-column:nth-of-type(3) .status-header{
  color: var(--badge-status-progress-text);
}

.status-column:nth-of-type(4){
  background-color: var(--badge-status-toverify);
}

.status-column:nth-of-type(4) .status-header{
  color: var(--badge-status-toverify-text);
}

.status-column:nth-of-type(5){
  background-color: var(--badge-status-closed);
}

.status-column:nth-of-type(5) .status-header{
  color: var(--badge-status-closed-text);
}

.status-column:nth-of-type(6){
  background-color: var(--badge-status-archived);
}









/*MODAL GRID*/

/* Modal styles */


.fusion-modal {
	background-color: rgba(0, 0, 0, 0.4);
}

.fusion-modal .modal-dialog {
	width: 60vw;
	margin-top: 30px;
	margin-bottom: 30px;
}
@media (max-width: 1800px) {
	.fusion-modal .modal-dialog {
		width: 70vw;
	}
}
@media (max-width: 1400px) {
	.fusion-modal .modal-dialog {
		width: 80vw;
	}
}
@media (max-width: 900px) {
	.fusion-modal .modal-dialog {
		width: 90vw;
	}
}

.fusion-modal .modal-dialog .modal-content {
	padding: 10px 20px;
}
.fusion-modal .modal-dialog .modal-content .modal-body {
	padding: 20px;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-body .task-title,
.modal-body .task-proj,
.modal-body .task-page,
.modal-body .task-description,
.modal-body .task-files,
.modal-body .task-date {
	margin-bottom: 10px;
}



.modal-body .task-title {
	font-weight: bold;
	font-size: 25px;
	display: flex;
	justify-content: left;
	gap: 10px;
	align-items: center;
}

.modal-body .modal-user-prio {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.modal-body .modal-user-prio .task-user {
	font-size: 22px;
}


.modal-body .task-user-asked img {
	border-radius: 50px;
	width: 40px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	
}

.modal-body .task-user-asked .user-role {
	display: none;
	
}

.modal-body .task-user-asked div {
	display: flex;
	gap: 10px;
	align-items: center;
	
}

.modal-body .task-user-asked {
	margin-bottom: 10px;
}

.modal-body .subpart-2 {
	margin-left: 35px;
	padding: 20px;
	background-color: #f2f2f2;
	padding-top: 20px;
	border-radius: 15px;
}


.modal-body .modal-start-end {
	display: flex;
	gap: 20px;
}

.modal-body .task-user span, .modal-body .task-user-asked span:nth-of-type(1), .modal-body .task-date span {
	font-weight: 700;
}

.modal-body .comment-section {
	display: flex;
	
}

.modal-body .comment-section img {
	border-radius: 50px;
	width: 40px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}






/*

  _____ ______ _____			__  __ ______ 
 |_   _|  ____|  __ \	 /\   |  \/  |  ____|
   | | | |__  | |__) |   /  \  | \  / | |__   
   | | |  __| |  _  /   / /\ \ | |\/| |  __|  
  _| |_| |	| | \ \  / ____ \| |  | | |____ 
 |_____|_|	|_|  \_\/_/	\_\_|  |_|______|
											  
											  
*/






#taskFrame{
	min-height: 70vh;
}


body .fusion-modal .modal-dialog {
	-webkit-overflow-scrolling: touch;
	overflow-y: visible;
	max-height: 100%;
	max-height: unset;
	max-width: 100%;
}

body .fusion-modal .modal-dialog .modal-content{	
	margin: 0;
	width: 100%;
	max-width: 100%;
	border-radius: 20px;
}

body .fusion-modal{
	padding-top: 0;
}









.ilightbox-holder{
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}



.ilightbox-holder{
	border-radius: 20px;
}


.ilightbox-holder .ilightbox-container{
	width: 50vw !important;
	height: 80vh !important;
}





.lightbox-header{
	display: flex;
	justify-items: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.lightbox-header div{
	margin-bottom: 0px;
}

.lightbox-header div div{
	margin-bottom: 0px;
	margin-top: 0px;
}

.lightbox-header p{
	margin-bottom: 0px;
}


.ticket .fal{
	width: 15px;
	height: auto;
}

.ticket-info-title {
	padding-left: 8px;
}
.ticket-info-title i {
	margin-right: 12px;
}

.width-100 .fusion-fullwidth, .width-100 .nonhundred-percent-fullwidth{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.fusion-checklist .icon-wrapper, ul.fusion-checklist .icon-wrapper {
	text-align: center;
}


/*
html.avada-is-100-percent-template #main.width-100 {
	padding-right: 0px !important;
}
html:not(.avada-has-site-width-percent) #main.width-100 {
	padding-right: 0px !important;
}
*/

.lightbox-tags{
	display: flex;
	flex-direction: row;
	justify-content:center;
	text-align: center;
}


.ticket-list-tags a {
	pointer-events: none;
	display: inline;
	text-align: center;
	background-color: #aaa;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 16px;
	padding: 4px 14px;
	min-width: 100%;
	white-space: nowrap;
	margin-bottom:10px;
}

.ticket-list-tags strong {
	min-width: 70px;
}


.ticket-comments .the-comment .avatar{
	border-radius: 50px !important;
	width: 40px;
	height: 40px;
}

.ticket-comments .commentlist .the-comment .comment-text {
	margin-left: 56px;
}

.ticket-comments .commentlist li {
	padding: 10px;
	border-radius: 10px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	background-color: #f8f8f8;
}

.ticket-comments .commentlist li .comment-author.meta {
	font-size: 11px;
}
.ticket-comments .commentlist li .comment-author.meta strong {
	font-size: 13px;
}
.fusion-body .ticket-comments .commentlist li a.comment-edit-link,
.fusion-body .ticket-comments .commentlist li a.comment-reply-link {
	color: #777 !important;
	margin-left: 5px;
	text-decoration: underline;
	font-size: 0.9em;
}
.ticket-comments .commentlist li .comment-edit-link {
	display: none;
}
.ticket-comments .commentlist li .comment-reply-link {
	cursor: pointer;
	display: none;
}

.fusion-body .ticket-comments .commentlist ul.children {
	padding-left: 30px;
}


.ticket-template-default a[title="Basse"] , .ticket a[title="Basse"]{
	pointer-events: none;
  background-color: var(--badge-priority-low);
  color: var(--badge-priority-low-text);
}

.ticket-template-default a[title="Moyenne"], .ticket a[title="Moyenne"]{
	pointer-events: none;
  background-color: var(--badge-priority-medium);
  color: var(--badge-priority-medium-text);
}

.ticket-template-default a[title="Haute"], .ticket a[title="Haute"] {
	pointer-events: none;
  background-color: var(--badge-priority-high);
  color: var(--badge-priority-high-text);
}

.ticket-template-default a[title="Urgente"], .ticket a[title="Urgente"] {
	pointer-events: none;
  background-color: var(--badge-priority-urgent);
  color: var(--badge-priority-urgent-text);
}

.ticket-template-default a[title="À chiffrer"] , .ticket a[title="À chiffrer"]{
	pointer-events: none;
  background-color: var(--badge-status-toestimate);
  color: var(--badge-status-toestimate-text);
}

.ticket-template-default a[title="À faire"] , .ticket a[title="À faire"]{
	pointer-events: none;
  background-color: var(--badge-status-todo);
  color: var(--badge-status-todo-text);
}

.ticket-template-default a[title="En cours"], .ticket a[title="En cours"] {
	pointer-events: none;
  background-color: var(--badge-status-progress);
  color: var(--badge-status-progress-text);
}

.ticket-template-default a[title="À vérifier"], .ticket a[title="À vérifier"] {
	pointer-events: none;
  background-color: var(--badge-status-toverify);
  color: var(--badge-status-toverify-text);
}

.ticket-template-default a[title="Terminé"], .ticket a[title="Terminé"]  {
	pointer-events: none;
  background-color: var(--badge-status-closed);
  color: var(--badge-status-closed-text);
}

.ticket-template-default a[title="Archivé"], .ticket a[title="Archivé"]  {
	pointer-events: none;
  background-color: var(--badge-status-archived);
  color: var(--badge-status-archived-text);
}


.ticket-header-title .fusion-column-wrapper,
.ticket-column-details .fusion-column-wrapper {
	position: relative;
}

.ticket-template-default .actions-choices, .ticket .actions-choices {
	display: flex;
	gap: 5px;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	width: 50%;
}

.ticket-template-default .edit-mode,
.ticket-template-default .actions-choices .actions-choice.edit-mode{
	display: none;
}


 .ticket-template-default .actions-choice , .ticket .actions-choice{
	background-color: rgba(0,0,0,0.03);
	border-radius: 8px;
	padding: 4px 8px;
	margin-right: 2px;
}
.ticket-template-default .actions-choice i,
.ticket-template-default .actions-choice a,
.ticket .actions-choice i,
.ticket .actions-choice a {
	color: #444;
}

.ticket .modal-close {
	position: absolute;
	top: 2px;
	right: 0;
	opacity: 1;
	background: transparent;
}
.ticket .modal-close .close-btn {
	cursor: pointer;
	border: none;
	padding: 8px;
	font-size: 24px;
	line-height: 100%;
	background-color: transparent;
	border-radius: 100%;
}
.ticket .modal-close .close-btn:hover {
	background-color: #f2f2f2;
}
.ticket .modal-close .close-btn i {
	display: flex;
	height: 20px;
	width: 20px;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #ccc;
}

.ticket .actions-choices .actions-choice:hover {
	background-color: #f2f2f2;
}


.ticket-template-default .modal-close, .ticket-template-default .actions-choices .open, .ticket-template-default .actions-choices .spacer{
	display : none;
}






.ticket .logged-in-as {
	display: none;
}


.ticket .comment-form .form-submit {
	margin-top: 0px;
}

.ticket .comment-form .form-submit input {
	border-radius: 5px !important;
}

.ticket .comment-form .form-submit input[type="submit"]#comment-submit {
	padding: 8px 16px !important;
	font-size: 15px !important;
}

.ticket #comment-textarea textarea {
	border-color: #eaeaea;
	max-width: 100%;
	min-height: 60px;
	min-width: 200px;
}

.ticket .commentlist .the-comment {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.ticket .comment-box .comment-author {
	margin-bottom: 5px;
}

.ticket .comment-box .comment-text {
	font-size: 15px;
	margin-left: 50px;
}

.ticket .comments-container {
	margin-top: 20px !important;
}
.ticket .comments-container .comment-list {
	margin-bottom: 0;
}
.ticket .comment-respond {
	margin-top: 0px !important;
}



.ticket .lightbox-files {
	display: flex;
	align-items: center;
}

.ticket .lightbox-files .file-image {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 10px 10px 6px 10px;
	border-radius: 3px;
	background-color: #f6f6f6;
	margin-top: 10px;
}

.ticket .lightbox-files .file-image a {
	display: inline-block;
}

.ticket .lightbox-files .file-image .file-image-caption {
	font-size: 10px;
	color: #555;
	line-height: 160%;
	margin-top: 8px;
	padding: 3px 5px 0 5px;
	border-top: solid 1px #e8e8e8;
}

.ticket .lightbox-files .file-name {
	font-size: 14px;
}

.ticket .text-files {
	margin-bottom: 0;
}




.ticket-users .user-info{
	margin-top: 10px;
}

.sortable-placeholder {
	height: 40px;
	border: 2px dashed white;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.4); 
	visibility: visible !important;
}

.ticket-container .about-author {
	margin-top: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px;
}
.ticket-container .about-author,
.ticket-container .assigned-users,
.ticket-container .assigned-users-add {
	margin-left: 32px;
}

.ticket-container .assigned-users-add {
	padding-left: 15px;
	margin-bottom: 5px;
	font-size: .8rem;
}

.ticket-container .assigned-users-add .fusion-li-icon {
	width: unset;
}

.ticket-container .about-author .avatar{
	height: 30px;
	width: auto;
	order: 1;
	margin-right: 5px;
}

.ticket-container .about-author .fusion-title{
	order: 2;
	pointer-events: none;
}


.ticket-container .assigned-to > p { 
	margin-bottom: 0;
}

.ticket-container .assigned-to .avatar{
	height: 30px;
}

.ticket-container .assigned-to .user-info{
	display: flex;
	column-gap: 10px;
	row-gap: 10px;
	align-items: center;
}


.task:hover{
	cursor: pointer;
  box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px 1px rgba(9, 30, 66, 0.13);
}

.task{
	transition: box-shadow ease-in-out 0.2s;
}


.modal-header{
	display: none;
}


.modal-dialog .ticket .post-content .ticket-separator-top{
	display: none;
}





.users-assigned {
	position: relative;
	width: 25px; 
	height: 25px; 
}

.users-assigned .avatar {
	
	position: absolute;
	width: 25px;
	height: 25px;
	box-shadow: 0 0px 2px rgba(0,0,0,0.4);
}



.task-tag {
	flex: auto;
	text-align: right;
	margin-top: 1px;
	margin-right: 2px;
}

.tag-span i {
	font-size: 12px;
	line-height: 21px;
	border-radius: 50%;
	background: rgb(167,167,167);
	color: #fff;
	width: 22px;
	height: 22px;
	text-align: center;
}

.tag-span-bug i {
	background: rgb(202,0,0);
}
.tag-span-evol i {
	background: rgb(59,148,254);
}





.task-prio-tag{
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 5px;
}





/*
   _____ ____  __  __ __  __ ______ _   _ _______ _____ 
  / ____/ __ \|  \/  |  \/  |  ____| \ | |__   __/ ____|
 | |   | |  | | \  / | \  / | |__  |  \| |  | | | (___  
 | |   | |  | | |\/| | |\/| |  __| | . ` |  | |  \___ \ 
 | |___| |__| | |  | | |  | | |____| |\  |  | |  ____) |
  \_____\____/|_|  |_|_|  |_|______|_| \_|  |_| |_____/ 
                                                        
*/



.fusion-comments-tb #comments.comments-area {
	margin: 0; 
}

.fusion-comments-tb #comments.comments-area #wpdcom .wpd-form-head {
	margin-top: 0;
}
.fusion-comments-tb #comments.comments-area .by-wpdiscuz {
	display: none;
}

.fusion-comments-tb #wpdcom.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header {
	background-color: #f1f1ff;
}


.fusion-comments-tb #wpdcom .wpd-blog-user .wpd-comment-author {
	color: #000;
}
.fusion-comments-tb #wpdcom.wpdiscuz_auth .wpd-blog-user .wpd-comment-subheader {
	border-top-color: #999;
}
.fusion-comments-tb #wpdcom .wpd-blog-administrator .wpd-comment-label,
.fusion-comments-tb #wpdcom .wpd-blog-post_author.wpd-blog-chef_de_projet .wpd-comment-label,
.fusion-comments-tb #wpdcom .wpd-blog-post_author.wpd-blog-developpeur .wpd-comment-label {
	background-color: #0101d3;
}

.fusion-comments-tb [wpd-tooltip]::before,
.fusion-comments-tb [wpd-tooltip]::after {
	display: none;
}

.fusion-comments-tb .wpdiscuz-subscribe-form-option {
	width: 50% !important;
}
.fusion-comments-tb #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button,
.fusion-comments-tb #wpdcom .wpd-prim-button {
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 14px !important;
	font-weight: normal;
	line-height: 24px !important;
	letter-spacing: 0;
	padding: 4px 20px;
	min-height: unset !important;
	height: unset !important;
}
.fusion-comments-tb #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button {
	padding: 4px 12px !important;
}



/*
 
  _____	_ _ _   _			 
 |  ___|  | (_) | (_)			
 | |__  __| |_| |_ _  ___  _ __  
 |  __|/ _` | | __| |/ _ \| '_ \ 
 | |__| (_| | | |_| | (_) | | | |
 \____/\__,_|_|\__|_|\___/|_| |_|
								 
								 
 
*/

.editable{
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
}

.editable:hover{
  background: rgb(0,0,0,.05);
}

.editable-dropdown-wrapper{
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  cursor: pointer;
  z-index: 98;
}
.editable-dropdown{
  background: white;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 10px #00000046);
  display: none;
  position: absolute;
  padding-left: 0px;
  flex-direction: column;
  z-index: 99;
  max-height: 300px;
  overflow: auto;
}
.editable-dropdown div{
  background: white;
  padding: 10px;
  padding-left: 20px;
  width: 250px;
  cursor: pointer;
}
.editable-dropdown div:first-child{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.editable-dropdown div:last-child{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.editable-dropdown div:hover{
  background: rgb(0,0,0,.05);
}
.thumbnail img{
  height: 100px;
}






/*
   _____ ____  _    _ _   _ _______ ______ _____  
  / ____/ __ \| |  | | \ | |__   __|  ____|  __ \ 
 | |   | |  | | |  | |  \| |  | |  | |__  | |__) |
 | |   | |  | | |  | | . ` |  | |  |  __| |  _  / 
 | |___| |__| | |__| | |\  |  | |  | |____| | \ \ 
  \_____\____/ \____/|_| \_|  |_|  |______|_|  \_\
                                                  
*/


.project-counter {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background-color: rgba(var(--color-sprey-rgb), 0.05);
	padding: 8px 16px;
}

.project-counter .project-counter-text {
	margin-right: 10px;
	font-weight: 400;
	font-size: 13px;
	font-size: 0;
}

.project-counter .project-counter-text > span {
	font-size: 13px;
}

.project-counter .project-counter-icon .icon-wrapper {
	font-size: 14px;
	margin-right: 1px;
}

.project-counter .project-counter-text .project-counter-remaining {
	font-weight: bold;
	color: var(--color-sprey);
	font-size: 14px;
}


.project-counter .project-counter-progress {
	width: 80px;
	height: 18px;
	background-color: rgba(var(--color-sprey-rgb), 0.2);
	border-radius: 50px;
	overflow: hidden;
	position: relative;
}

.project-counter .project-counter-progress-bar {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 0.65em;
	line-height: 100%;
	text-shadow: 0 0 3px rgba(var(--color-sprey-rgb), 0.4);
}

.project-counter .project-counter-progress-bar::before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background-color: rgba(var(--color-sprey-rgb), 1);
	position: absolute;
	left: 0;
	width: var(--project-counter-progress-bar, 0%);
}
.project-counter .project-counter-progress-bar span {
	position: relative;
	line-height: 14px;
}