@import '../global/_variables'; // global variables.
@import '../global/components/_mixins'; // global mixings.

/***
Tasks Widget
***/

.tasks-widget {

	&:after {
		clear: both;
	}

	.task-list {
		list-style: none;
		padding:0;
		margin:0;

		> li {
			position:relative;
			padding: 10px 0;    
			border-bottom:1px solid #F4F6F9;

			&:hover  {
				background:#F4F6F9;
			}

			&.last-line {
				border-bottom:none;
			}

			&.task-done  {
				background:#f6f6f6;

				&:hover {
					background:#f4f4f4;
				}

				.task-title-sp  {
					text-decoration:line-through;
				}
			}

			> .task-bell  {
				margin-left:10px;
			}

			> .task-checkbox {
				float:left;
				width:30px;

				input[type="checkbox"] {
					cursor: pointer;
				}
			}
 
			> .task-title  {  
				color: #838FA1;
				margin-right:10px;

				.task-title-sp  {
					margin-right:5px;
				}
			}

			.task-config-btn {
				margin-top: -1px;
			}

			> .task-config {
				display:none;
				position:absolute;
				top:10px;
				right:10px;
			}

			&:hover > .task-config {
				display:block;
				margin-bottom:0 !important;
			}
		}
	}

	.task-footer  { 
		margin-top: 5px;

		@include clearfix();
	}

}

@media only screen and (max-width: $screen-xs-min) {

	.tasks-widget {
		.task-config-btn {
			float:inherit;
			display:block;
		}

		.task-list-projects {
			li > .label {
				margin-bottom:5px;
			}
		}
	}

}
