:root {
	--sra-dark-blue: #503652;
	--sra-light-blue: #5a86a6;
	--sra-light-grey: #bcb3b3;
	--sra-dark-grey: #58595b;
	--sra-dark-orange: #f26a3b;
	--sra-light-orange: #f39773;
}

.panel {
	border-radius: 4px;
}

.border {
	border: 1px solid transparent;
}

.panel .accordion-toggle {
	display: block;
	font-size: 14px;
	cursor: pointer;
	outline:0 !important;
}

.panel .list-group-item {
	border-color: #eaebec;
}

.panel.no-borders {
	border-width: 0;
}

.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer {
	border-width: 0;
}

.panel-card {
	border-width: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.panel-heading {
	padding: 10px 24px;
	border-radius: 4px 4px 0 0;
}

.panel-heading.narrow {
	padding: 5px 24px;
}

md-toolbar.narrow {
	min-height: 45px;
	height: 45px;
}

.panel-row {
	padding: 8px 24px;
}

.panel-heading .h4{
	line-height: 36px;
	color: #fff;
}

.panel-badgeLabel {
	width: 140px;
	float: left;
}

.panel-heading .md-button{
	line-height: 36px;
	min-height: 36px;
	margin: 0px;
}

.panel-default .panel-heading {
	background-color: #d5e3ea;
}

.upsert-testCase-form .panel-heading.bg-primary.red {
	/*border-top:4px solid red;*/
	background-color: #990000;
}

.upsert-testCase-form .panel-heading.bg-primary.blue {
	/*border-top:4px solid #157cff;*/
	background-color: #395f81;
}

.panel-redteam .panel-redteam-heading {
	background-color: #f44336;
}

.panel-blueteam .panel-blueteam-heading {
	background-color: #64b5f6;
}

.panel-default .panel-heading.bg-white {
	background-color: #fff;
}

.panel-default .panel-row.bg-gray {
	background-color: #f9f9f9;
}

.panel-default .panel-heading.bg-primary {
	/* 	background-color: #e4ebef; */
	/*background-color: #f5f5f5;*/
/*	background-color: #607d8b;*/
	background-color: var(--sra-dark-blue);

}

.panel-heading.no-border {
	margin: -1px -1px 0 -1px;
	border: none;
}

.panel-heading .nav {
	margin: -12px -16px;
}

.panel-heading .list-group {
	background: transparent;
}

.panel-heading.panel-heading-sm {
	padding-top: 8px;
	padding-bottom: 8px;
}

.panel-heading.panel-heading-xs {
	padding-top: 6px;
	padding-bottom: 6px;
}

.panel-body {
	padding: 16px 24px;
}

.panel-footer {
	padding: 16px 24px;
	background-color: #f2f3f3;
	border-color: #eaebec;
	border-radius: 0 0 3px 3px;
}

.panel-footer.panel-footer-sm {
	padding-top: 8px;
	padding-bottom: 8px;
}

.panel-footer.panel-footer-xs {
	padding-top: 6px;
	padding-bottom: 6px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top: 1px solid #eaebec;
}

.panel-default {
	border-color: #f5f5f5;
}

.panel-default > .panel-heading,
.panel-default > .panel-footer {
	border-color: #eaebec;
}

.panel-primary {
	border-color: #d0d4ed;
}

.panel-primary > .panel-heading {
	color: #252f69;
	background-color: #e2e5f4;
	border-color: #d0d4ed;
}

.panel-info {
	border-color: #c6e4fc;
}

.panel-info > .panel-heading {
	color: #0960a5;
	background-color: #deeffd;
	border-color: #c6e4fc;
}

.panel-success {
	border-color: #d3ebd4;
}

.panel-success > .panel-heading {
	color: #2d682f;
	background-color: #e4f3e5;
	border-color: #d3ebd4;
}

.panel-warning {
	border-color: #ffefc0;
}

.panel-warning > .panel-heading {
	color: #a07800;
	background-color: #fff6da;
	border-color: #ffefc0;
}

.panel-danger {
	border-color: #fcccc9;
}

.panel-danger > .panel-heading {
	color: #ba160a;
	background-color: #fde3e1;
	border-color: #fcccc9;
}

.panel-dark {
	border-color: #d5d7dd;
}

.panel-dark > .panel-heading {
	color: #1e222c;
	background-color: #e3e5e9;
	border-color: #d5d7dd;
}

img.unselected {
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}

img.selected {
	border-width: 2px;
	border-style: solid;
	/*	background-color: #607d8b;*/
	background-color: var(--sra-dark-blue);
}

.sraTestCasePanel .panel-body {
	overflow: auto;
}

.sraTestCasePanel .bg-primary {
	/*	background-color: #607d8b;*/
	background-color: var(--sra-dark-blue);
}

.sraTestCasePanel .panel {
	border-color: #d0d4ed;
	margin-bottom: 6px;
}

.sraTestCasePanel .panel-heading .btn{
	border-width: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sraTestCasePanel .panel-heading .btn-link{
	color: white;
}

.sraTestCasePanel .panel-heading .btn-link:hover{
	color: black;
}

.panel-light .panel-heading {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	padding-top: 10px;
	padding-bottom: 10px;
}
	.panel-light .panel-heading .h4 {
		color: rgba(0, 0, 0, 0.87);
	}
	.panel-light .aside {
		font-size:12px;
	}
	.panel-light md-card {
		background-color: #fff !important;
	}