// Panel

@import "colors.less";

.panel.panel-default { 
	margin-top: 15px;
	.box-theme; 
}

.panel.panel-white {
	margin-top: 15px;
	.box-theme; 
	background-color: @white;
	.panel-heading { background-color: @white; }
}

.panel.panel-dashed {
	margin-top: 15px;
	.box-theme; 
	border: 2px dashed #AFB4BF;
	padding: 6px;
}

.panel {
	.panel-heading {
		background-color: @light-gray;
		height: 32px;
		.theme-box-padding;	
	}
	.panel-heading.panel-divider {
		border-top: @theme-border;
		border-bottom: @theme-border;
		height: 32px;
		margin-bottom: -2px;
		background-color: @white;
		.caret { margin-top: 16px; margin-left: 5px; margin-right: 5px; }
	}
	.panel-title {
		margin-top: 0px;
		margin-bottom: 0px;
		.task-text {
			font-family: Avenir-Medium;
			font-size: 18px;
			color: #000000;
			line-height: 25px;
			padding-top: 6px;
			font-weight: 200;
		}
		.label { 
			margin-top: 5px;
			font-family: Avenir-Oblique;
			color: #000000;
			font-style: oblique;
			text-shadow: none;
			padding: 5px;
		}
		.label.label-warning { background-color: #F2CB63; }
		.caret {
			float: left;
			margin-top: 14px;
			margin-right: 5px;
			margin-left: 5px;
		}
		.task-number { line-height: 36px;}
		.task-icon { padding-top: 7px }
		.task-icon i { color: @black; }
		.task-icon.mission-control { float: left; 
			padding-top: 0px;
			margin-top: -3px;
		}
	}
	.panel-body {
		.panel-content {
			.panel-text {
				font-family: Avenir-Light;
				font-size: 18px;
				color: #1D1D26;
				line-height: 26px;
				.theme-box-padding;
				.secondary {
					font-family: Avenir-Light;
					font-size: 18px;
					color: #1D1D26;
					line-height: 29px;
					font-style: oblique;
				}
			}
		}
		.panel-list {
			padding: 0px;
			margin: 0px;
			li {
				list-style: none;
				border-top: @theme-border;
				.theme-box-padding;
				p {
				     margin: 0 0 10px;
				     font-family: Avenir-Light;
				     font-size: 18px;
				     color: #3c3f47;
				     line-height: 21px;
				     margin-top: 8px;
				}
				.btn { margin-top: -4px; }
				.date.small-text { margin-right: 10px; margin-top: 4px;}
			}
		}
		.panel-divider-top { border-top: @theme-border; }
		.accordion { margin-bottom: 0px; }
	}
	.panel-body.white-bg { background-color: @white; }
	.panel-body.in { border-top: @theme-border; }
	.panel-footer {
		border-top: @theme-border;
		border-bottom: @theme-border;
		height: 32px;
		margin-bottom: -2px;
		background-color: @white;
		.theme-box-padding;
		.caret { margin-top: 16px; margin-left: 5px; margin-right: 5px; }
		.description {
			/* Agente James Peret (: */
			font-family: Avenir-Medium;
			font-size: 14px;
			color: #000000;
			line-height: 15px;
			margin-bottom: 0px;
			margin-top: 2px;
			margin-left: 8px;
		}
		.sub-text {
			/* Agente James Peret (: */
			font-family: Avenir-Light;
			font-size: 11px;
			color: #000000;
			line-height: 15px;
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left: 8px;
		}
	}
} 

// Overrides
.accordion-inner { padding: 0px; }