@import "bootstrap-3.0.2/less/bootstrap.less";
@import "teedo-functions.less";
@import "teedo-homepage.less";
@import "teedo-navbar.less";
@import "teedo-jumbotron.less";
@import "teedo-detailview.less";
@import "teedo-footer.less";
html,body, .teedo-queue-page{
	height:100%
}
.teedo-view {
	.make-columns(12);
}

.teedo-icon {
	.glyphicon;
	//Define actual icon image where you use .teedo-icon
}

.teedo-queue-list {
	.make-variable-columns(7, 7, 12, 12);

	.teedo-queue {
		.teedo-queue-header {
			h3  {
				float: left;
			}

			.teedo-queue-expand {
				position: relative;
				float: left;
				margin: 20px 0 10px 5px;

				.teedo-expand,
				.teedo-collapse {
					text-decoration: none;
					color: gray;

					.teedo-icon {
						.glyphicon-plus;
						margin-top: 4px;
					}
				}
				//Override icon for collapse
				.teedo-collapse .teedo-icon {
					.glyphicon-minus;
				}
			}
		}

		.empty-drop-zone {
			.btn;
			.btn-default;
			.btn-block;
			.active;

			.border-radius(4em);
			font-size: 1em;
			padding-top:1.5em;
			padding-bottom:1.5em;
			margin-bottom:5px;
		}
		.empty-drop-zone.teedo-hl {
			.btn-primary;
		}

		.teedo-heading {
			.make-row();
			clear: both;
			margin-left: 0;
			margin-right: 0;

			.teedo-type,
			.teedo-state-header {
				.make-columns(2);
			}

			.teedo-title-header {
				.make-columns(5);
			}

			.teedo-assigned {
				.make-columns(3);
			}
		}
	}
}

.task-border {
	border:2px solid black;
	.border-radius(4em);
}

.teedo-task {
	margin-bottom: 5px;
	.border-radius(4em);
	.background-color(lightgrey);

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.teedo-type {
		height: 70px;

		.border-left-radius(4em);

		.badge {
			margin-top: 22px;
			color: black;
			.background-color;
		}

		select {
			margin-top: 20px;
		}
	}

	.teedo-type.B-option {
		.background-color(red);
	}

	.teedo-type.T-option {
		.background-color(blue);
	}

	.teedo-type.E-option {
		.background-color(yellow);
	}

	.teedo-type.F-option {
		.background-color(green);
	}

	teedo-title,
	teedo-description,
	.teedo-description,
	teedo-cost,
	.teedo-cost,
	.teedo-assigned {
		.word-break();
		overflow: hidden;
	}

	.teedo-cost,
	.teedo-value,
	.teedo-risk {
		margin-top: 12px;

		a {
			padding: 0 2px;
			color: black;
			opacity: 0.25;
		}
		a.enabled {
			opacity: 1;
		}

	}

	teedo-title {
		margin-top: 10px;
	}

	.teedo-controls {
		margin-top: 8px;
	}

	.teedo-assigned,
	teedo-state {
		margin-top: 22px;
	}

	teedo-title textarea,
	.teedo-title textarea,
	teedo-description textarea,
	.teedo-description textarea {
		.form-control;
		width: 100%;
		height: 46px;
	}
}

blocked-table .teedo-task {
	.background-color(mistyrose);
}

.task-row {
   .teedo-type,
   teedo-state {
    .make-columns(2);
   }
   teedo-title {
    .make-columns(5);
   }
   .task-value-risk-cost {
   @media (max-width: 525px){
    	display:none;
    }
    .make-columns(3);
    .teedo-value,
    .teedo-risk,
    .teedo-cost {
      .make-columns(12);
    }
    height:55px;
   	margin-top:7px;
   }
  .teedo-assigned {
     .make-columns(3);

  }
	.teedo-value,
	.teedo-risk,
	.teedo-cost {
		margin:0px;
		a {
			cursor:default;
			pointer-events: none;
		}
	}

}
//icons for task value and risk
	.teedo-value {
		.btn-group;
		a .teedo-icon {
			.glyphicon-usd;
			width:0.75em;
		}
	}

	.teedo-risk {
		.btn-group;
		a .teedo-icon {
			.glyphicon-fire;
			width:0.75em;
		}
	}
.teedo-add-task {
	.make-columns(12);
	padding-bottom: 30px;
	.add-task-fixed {
		position:fixed;
		bottom: 0;
		z-index: 2000;
		background-color: white;
	}
	.teedo-controls {
		.make-variable-columns(1,1,2,3);
	}
	.teedo-cost{
		.make-columns(1);
		@media (max-width: 992px){
    	display:none;
    }
	}
	.teedo-value,
	.teedo-risk {
		.make-columns(1);
		padding-right:0;
		@media (max-width: 992px){
    	display:none;
    }
	}

	.teedo-title {
		.make-variable-columns(2,2,3,3);
	}

	.teedo-type {
		.make-variable-columns(2,2,3,0);
		@media (max-width: 767px){
    	display:none;
    }
	}

	.teedo-description {
		.make-variable-columns(4,4,4,6);
	}

	.teedo-task {
		.make-row();
		margin-left:0;
		margin-right:0;
		clear: both;
		padding: 10px 20px;
		.teedo-type {
			height: auto;
			line-height: 3.6em;
		}

		.teedo-controls button {
			.btn;
			.btn-primary;
			.btn-sm;
		}
		.teedo-cost {
			#new-task-cost {
				width:100%;
				text-align: right;
			}
		}

	}

	//Task type dropdown menu
	#new-task-type {
		.dropup;

		button {
			.btn;
			.btn-default;
		}
	}

	.teedo-heading {
		.make-row();
		clear: both;
		margin-left: 0;
		margin-right: 0;
		background:white;
		border-radius:4em;

		.teedo-type {
			.make-variable-columns(2,2,3,0);
			@media (max-width: 767px){
    		display:none;
    	}
		}
		.teedo-title {
			.make-variable-columns(2,2,3,3);
		}

		.teedo-description {
			.make-variable-columns(4,4,4,6);
		}


		.teedo-add {
			.make-variable-columns(1,1,2,3);
		}
		.teedo-risk,
		.teedo-cost,
		.teedo-value {
			.make-columns(1);
			@media (max-width: 992px){
    		display:none;
    	}
		}
	}
}

.word-break () {
	word-break: break-all;
	max-height: 3.6em;
	line-height: 1.2em;
}

.border-left-radius (@radius: 5px) {
	border-top-left-radius: @radius;
	border-bottom-left-radius: @radius;
	-webkit-border-top-left-radius: @radius;
	-webkit-border-bottom-left-radius: @radius;
	-moz-border-radius-topleft: @radius;
	-moz-border-radius-bottomleft: @radius;
}

.border-radius (@radius: 5px) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}

.background-color (@color: white) {
	background-color: @color;
}

.empty-place-holder {
	height: 3.6em;
}

.empty-space-under-task {
	padding-bottom:3.6em;
}

.teedo-hidden {
  display: none;
}
footer {
	@media (max-width: 550px){
    	display:none;
    }
  .teedo-copyright {
    .make-columns(4);
  }
  .teedo-mail{
    .make-columns(4);
    min-width:125px;
  }
  .teedo-twitter{
    .make-columns(4);
    min-width:85px;
  }
  .teedo-google{
    .make-columns(4);
    min-width:195px;
  }
  .teedo-facebook{
    .make-columns(4);
    min-width: 250px;
  }
  .teedo-pint{
    .make-columns(1);
    min-width:70px;
  }
  .teedo-icons8{
    .make-columns(3);
    min-width:100px;
  }
}