/*!
	PROJECT : Task Manager
	Created by Eoxia
*/

@import "mixins/mixins-master";
@import "variable/variable";

body.toplevel_page_wpeomtm-dashboard {
	#wpcontent {
		@media ( max-width: $media__medium ) {
			padding-top: 0;
			padding-left: 0;
		}
	}
}

.tm-wrap {
	box-sizing: border-box;
	padding-right: 20px;
	font-family: 'Open sans', sans-serif;


  @media ( max-width: $media__medium ) {
    padding-right: 0;
  }

	&::after {
		display: block;
		content: "";
		clear: both;
	}

	/*--------------------------------------------------------------
	# Normalize
	--------------------------------------------------------------*/
	@import "module/normalize";

	/*--------------------------------------------------------------
	# Font
	--------------------------------------------------------------*/
	// @import "font/font";

	/*--------------------------------------------------------------
	# Modules
	--------------------------------------------------------------*/
	@import "module/module";

	/*--------------------------------------------------------------
	# Elements
	--------------------------------------------------------------*/
	@import "element/element";

	@import "experimental";

}

@import "element/structure";
@import "element/import/import";
@import "element/navigation/navigation";
@import "element/notification/notification";
@import "element/export";
@import "element/user/avatar";
@import "element/shortcut/shortcut";


/*--------------------------------------------------------------
# Modules externes du Framework
--------------------------------------------------------------*/
@import "external/external.scss";

.grid-col {
	float: left;
	width: 50%;
}

/*--------------------------------------------------------------
# TMP START Jimmy
--------------------------------------------------------------*/
.tm-wrap {
	// Début nouvelle interface: TMP JIMMY BIS
	.table-header .table-cell {
	}

	.table-projects .dropdown-item.active {
		background-color: $color__primary-light !important;
	}

	.border-active {
		border-right: solid red 5px !important;
	}

	.table-header .table-cell > * {
		pointer-events: none;
	}

	.table-header .table-cell input {
		pointer-events: auto;
	}
	// Fin nouvelle interface: TMP JIMMY BIS

	.modal-prompt-point {
		.modal-container {
			height: auto;
		}
	}

	.hide-info {
		padding: 10px;
		background-color: rgba(0.1,0.1,0.1,0.1);
		text-align: center;

		div {
			width: auto;

			text-align: center;
		}
	}

	.tm-dashboard-shortcuts {
		.dropdown-content {
			max-height: 400px;
			overflow-y: auto;
		}
	}
}

.modal-shortcut {
	.shortcuts-content {
		display: flex;

		.tree {
			width: 30%;

			.item {
				display: flex;
				width: 90%;
				height: 40px;
				padding: 5px;
				justify-content: center;
				align-items: center;
				transition: ease-in color 0.2s;

				> * {
					pointer-events: none;
				}

				&:hover {
					cursor: pointer;
					color: $color__primary-light;
				}

				&.active {
					color: $color__primary;
				}

				.arrow-icon {
					font-size: 1.2em;
					width: 20px;
				}

				.folder-icon {
					font-size: 1.2em;
					width: 20px;
				}

				.label {
					width: 76%;
				}
			}

			.descendants {
				padding-left: 20px;
			}
		}

		.shortcuts {
			width: 66%;
			box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
			border-radius: 4px;

			.shortcut {
				display: flex;
				width: 100%;
				height: 40px;
				padding: 5px;
				align-items: center;
				justify-content: center;
				&:not(.edit) > * {
					pointer-events: none;
				}

				.wpeo-dropdown {
					pointer-events: auto;
				}

				.icon {
					width: 34px;
					font-size: 1.2em;
				}

				.label {
					width: 84%;
				}
			}
		}
	}
}

.wpeo-wrap {
	.wpeo-dropdown {
		.dropdown-active {
			background-color: $color__primary-light !important;
		}
	}

	.cell-project-status {
		margin: auto;

		i {
			font-size: 1.4em;
			margin: auto;
		}
	}

	.tm-search {
		height: 80%;

		.form-field {
			padding: 10px;
		}

		.field-elements {
			width: 100%;
			line-height: 32px;
			padding-left: 10px;
		}

		.form-field-container {
			height: 50px;
		}

		.wpeo-button {
			margin-right: 10px;
			white-space: nowrap;

			span {
				padding: 0;
				line-height: 12px;
				font-size: 1em;
			}

			i {
				margin-left: 10px;
				line-height: 12px;
			}

			i:hover {
				cursor: pointer;
			}
		}
	}

	.wpeo-notification.patch-note {
		background: #1c1d1b;

		i {
			color: white;
		}

		span {
			color: white;


			a {
				color: $color__primary-light;
			}
		}
	}
}

.tm-auto-complete-user .dropdown-content .dropdown-item {
	display: flex;

	> div {
		margin-right: 20px;
	}

	div:last-child {
		line-height: 2;
	}
}



/*--------------------------------------------------------------
# TMP END Jimmy
--------------------------------------------------------------*/