Difference between revisions of "Template:UBonn HBRS/css/reset"

Revision as of 21:50, 12 October 2016 (view source) Mictes (Talk | contribs) (Tables) ← Older edit		Latest revision as of 20:18, 30 November 2016 (view source) Mictes (Talk | contribs) (Fix https .btn-default)
(10 intermediate revisions by the same user not shown)
Line 32:		Line 32:
	}		}
−	HQ_page table {	+	#HQ_page table {
	margin: 0 !important;		margin: 0 !important;
	border: none !important;		border: none !important;
	}		}
−	HQ_page th, #HQ_page td {	+	#HQ_page th, #HQ_page td {
	margin: 0 !important;		margin: 0 !important;
	padding: 8px !important;		padding: 8px !important;
Line 67:		Line 67:
	height: 19px;		height: 19px;
	background: linear-gradient(0deg, #383838, #444444);		background: linear-gradient(0deg, #383838, #444444);
		+	}
		+
		+	#top_menu_14 .submenu {
		+	box-sizing: content-box;
		+	}
		+
		+	#top_menu_14 .close {
		+	font-size: 16px;
		+	opacity: 0.55;
		+	}
		+
		+	#top_menu_14 .close:hover {
		+	opacity: 0.85;
	}		}
Line 88:		Line 101:
	#top_menu_14 .submenu {		#top_menu_14 .submenu {
	opacity: 0.9;		opacity: 0.9;
		+	}
		+
		+	#bodyContent a[href^="https://"], .link-https {
		+	padding-right: 0 !important;
		+	background-image: none;
		+	}
		+
		+	.btn, #bodyContent a[href^="https://"].btn {
		+	padding-right: 12px !important
		+	}
		+
		+	.btn-default, #bodyContent a[href^="https://"].btn-default {
		+	color: #333 !important;
		+	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%) !important;
	}		}
Line 95:		Line 122:
	* * * * * * * * * * * * * * * * * * * * * * * * */		* * * * * * * * * * * * * * * * * * * * * * * * */
−	table {	+	/*
		+	#HQ_page table {
	border-collapse: collapse !important;		border-collapse: collapse !important;
	border-spacing: 0 !important;		border-spacing: 0 !important;
	}		}
−	td,	+	#HQ_page td,
−	th {	+	#HQ_page th {
	padding: 0 !important;		padding: 0 !important;
	}		}
−	th {	+	#HQ_page th {
	text-align: left !important;		text-align: left !important;
	}		}
−	.table {	+	*/
		+
		+	#HQ_page .table {
	width: 100% !important;		width: 100% !important;
	max-width: 100% !important;		max-width: 100% !important;
−	margin-bottom: 20px !important;	+	/*  margin-bottom: 20px !important; */
	}		}
−	.table > thead > tr > th,	+	#HQ_page .table > thead > tr > th,
−	.table > tbody > tr > th,	+	#HQ_page .table > tbody > tr > th,
−	.table > tfoot > tr > th,	+	#HQ_page .table > tfoot > tr > th,
−	.table > thead > tr > td,	+	#HQ_page .table > thead > tr > td,
−	.table > tbody > tr > td,	+	#HQ_page .table > tbody > tr > td,
−	.table > tfoot > tr > td {	+	#HQ_page .table > tfoot > tr > td {
	padding: 8px !important;		padding: 8px !important;
	line-height: 1.42857143 !important;		line-height: 1.42857143 !important;
Line 122:		Line 152:
	border-top: 1px solid #dddddd !important;		border-top: 1px solid #dddddd !important;
	}		}
−	.table > thead > tr > th {	+	#HQ_page .table > thead > tr > th {
	vertical-align: bottom !important;		vertical-align: bottom !important;
	border-bottom: 2px solid #dddddd !important;		border-bottom: 2px solid #dddddd !important;
	}		}
−	.table > caption + thead > tr:first-child > th,	+	#HQ_page .table > caption + thead > tr:first-child > th,
−	.table > colgroup + thead > tr:first-child > th,	+	#HQ_page .table > colgroup + thead > tr:first-child > th,
−	.table > thead:first-child > tr:first-child > th,	+	#HQ_page .table > thead:first-child > tr:first-child > th,
−	.table > caption + thead > tr:first-child > td,	+	#HQ_page .table > caption + thead > tr:first-child > td,
−	.table > colgroup + thead > tr:first-child > td,	+	#HQ_page .table > colgroup + thead > tr:first-child > td,
−	.table > thead:first-child > tr:first-child > td {	+	#HQ_page .table > thead:first-child > tr:first-child > td {
	border-top: 0 !important;		border-top: 0 !important;
	}		}
−	.table > tbody + tbody {	+	#HQ_page .table > tbody + tbody {
	border-top: 2px solid #dddddd !important;		border-top: 2px solid #dddddd !important;
	}		}
−	.table .table {	+	#HQ_page .table .table {
	background-color: #ffffff !important;		background-color: #ffffff !important;
	}		}
−	.table-condensed > thead > tr > th,	+	#HQ_page .table-condensed > thead > tr > th,
−	.table-condensed > tbody > tr > th,	+	#HQ_page .table-condensed > tbody > tr > th,
−	.table-condensed > tfoot > tr > th,	+	#HQ_page .table-condensed > tfoot > tr > th,
−	.table-condensed > thead > tr > td,	+	#HQ_page .table-condensed > thead > tr > td,
−	.table-condensed > tbody > tr > td,	+	#HQ_page .table-condensed > tbody > tr > td,
−	.table-condensed > tfoot > tr > td {	+	#HQ_page .table-condensed > tfoot > tr > td {
	padding: 5px !important;		padding: 5px !important;
	}		}
−	.table-bordered {	+	#HQ_page .table-bordered {
	border: 1px solid #dddddd !important;		border: 1px solid #dddddd !important;
	}		}
−	.table-bordered > thead > tr > th,	+	#HQ_page .table-bordered > thead > tr > th,
−	.table-bordered > tbody > tr > th,	+	#HQ_page .table-bordered > tbody > tr > th,
−	.table-bordered > tfoot > tr > th,	+	#HQ_page .table-bordered > tfoot > tr > th,
−	.table-bordered > thead > tr > td,	+	#HQ_page .table-bordered > thead > tr > td,
−	.table-bordered > tbody > tr > td,	+	#HQ_page .table-bordered > tbody > tr > td,
−	.table-bordered > tfoot > tr > td {	+	#HQ_page .table-bordered > tfoot > tr > td {
	border: 1px solid #dddddd !important;		border: 1px solid #dddddd !important;
	}		}
−	.table-bordered > thead > tr > th,	+	#HQ_page .table-bordered > thead > tr > th,
−	.table-bordered > thead > tr > td {	+	#HQ_page .table-bordered > thead > tr > td {
−	border-bottom-width: 2px !important;	+	/*  border-bottom-width: 2px !important; */
	}		}
−	.table-striped > tbody > tr:nth-of-type(odd) {	+	#HQ_page .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9 !important;		background-color: #f9f9f9 !important;
	}		}
−	.table-hover > tbody > tr:hover {	+	#HQ_page .table-hover > tbody > tr:hover {
	background-color: #f5f5f5 !important;		background-color: #f5f5f5 !important;
	}		}
−	table col[class*="col-"] {	+
		+	/*
		+	#HQ_page table col[class*="col-"] {
	position: static !important;		position: static !important;
	float: none !important;		float: none !important;
	display: table-column !important;		display: table-column !important;
	}		}
−	table td[class*="col-"],	+	#HQ_page table td[class*="col-"],
−	table th[class*="col-"] {	+	#HQ_page table th[class*="col-"] {
	position: static !important;		position: static !important;
	float: none !important;		float: none !important;
	display: table-cell !important;		display: table-cell !important;
	}		}
−	.table > thead > tr > td.active,	+	*/
−	.table > tbody > tr > td.active,	+
−	.table > tfoot > tr > td.active,	+	#HQ_page .table > thead > tr > td.active,
−	.table > thead > tr > th.active,	+	#HQ_page .table > tbody > tr > td.active,
−	.table > tbody > tr > th.active,	+	#HQ_page .table > tfoot > tr > td.active,
−	.table > tfoot > tr > th.active,	+	#HQ_page .table > thead > tr > th.active,
−	.table > thead > tr.active > td,	+	#HQ_page .table > tbody > tr > th.active,
−	.table > tbody > tr.active > td,	+	#HQ_page .table > tfoot > tr > th.active,
−	.table > tfoot > tr.active > td,	+	#HQ_page .table > thead > tr.active > td,
−	.table > thead > tr.active > th,	+	#HQ_page .table > tbody > tr.active > td,
−	.table > tbody > tr.active > th,	+	#HQ_page .table > tfoot > tr.active > td,
−	.table > tfoot > tr.active > th {	+	#HQ_page .table > thead > tr.active > th,
		+	#HQ_page .table > tbody > tr.active > th,
		+	#HQ_page .table > tfoot > tr.active > th {
	background-color: #f5f5f5 !important;		background-color: #f5f5f5 !important;
	}		}
−	.table-hover > tbody > tr > td.active:hover,	+	#HQ_page .table-hover > tbody > tr > td.active:hover,
−	.table-hover > tbody > tr > th.active:hover,	+	#HQ_page .table-hover > tbody > tr > th.active:hover,
−	.table-hover > tbody > tr.active:hover > td,	+	#HQ_page .table-hover > tbody > tr.active:hover > td,
−	.table-hover > tbody > tr:hover > .active,	+	#HQ_page .table-hover > tbody > tr:hover > .active,
−	.table-hover > tbody > tr.active:hover > th {	+	#HQ_page .table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8 !important;		background-color: #e8e8e8 !important;
	}		}
−	.table > thead > tr > td.success,	+	#HQ_page .table > thead > tr > td.success,
−	.table > tbody > tr > td.success,	+	#HQ_page .table > tbody > tr > td.success,
−	.table > tfoot > tr > td.success,	+	#HQ_page .table > tfoot > tr > td.success,
−	.table > thead > tr > th.success,	+	#HQ_page .table > thead > tr > th.success,
−	.table > tbody > tr > th.success,	+	#HQ_page .table > tbody > tr > th.success,
−	.table > tfoot > tr > th.success,	+	#HQ_page .table > tfoot > tr > th.success,
−	.table > thead > tr.success > td,	+	#HQ_page .table > thead > tr.success > td,
−	.table > tbody > tr.success > td,	+	#HQ_page .table > tbody > tr.success > td,
−	.table > tfoot > tr.success > td,	+	#HQ_page .table > tfoot > tr.success > td,
−	.table > thead > tr.success > th,	+	#HQ_page .table > thead > tr.success > th,
−	.table > tbody > tr.success > th,	+	#HQ_page .table > tbody > tr.success > th,
−	.table > tfoot > tr.success > th {	+	#HQ_page .table > tfoot > tr.success > th {
	background-color: #dff0d8 !important;		background-color: #dff0d8 !important;
	}		}
−	.table-hover > tbody > tr > td.success:hover,	+	#HQ_page .table-hover > tbody > tr > td.success:hover,
−	.table-hover > tbody > tr > th.success:hover,	+	#HQ_page .table-hover > tbody > tr > th.success:hover,
−	.table-hover > tbody > tr.success:hover > td,	+	#HQ_page .table-hover > tbody > tr.success:hover > td,
−	.table-hover > tbody > tr:hover > .success,	+	#HQ_page .table-hover > tbody > tr:hover > .success,
−	.table-hover > tbody > tr.success:hover > th {	+	#HQ_page .table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6 !important;		background-color: #d0e9c6 !important;
	}		}
−	.table > thead > tr > td.info,	+	#HQ_page .table > thead > tr > td.info,
−	.table > tbody > tr > td.info,	+	#HQ_page .table > tbody > tr > td.info,
−	.table > tfoot > tr > td.info,	+	#HQ_page .table > tfoot > tr > td.info,
−	.table > thead > tr > th.info,	+	#HQ_page .table > thead > tr > th.info,
−	.table > tbody > tr > th.info,	+	#HQ_page .table > tbody > tr > th.info,
−	.table > tfoot > tr > th.info,	+	#HQ_page .table > tfoot > tr > th.info,
−	.table > thead > tr.info > td,	+	#HQ_page .table > thead > tr.info > td,
−	.table > tbody > tr.info > td,	+	#HQ_page .table > tbody > tr.info > td,
−	.table > tfoot > tr.info > td,	+	#HQ_page .table > tfoot > tr.info > td,
−	.table > thead > tr.info > th,	+	#HQ_page .table > thead > tr.info > th,
−	.table > tbody > tr.info > th,	+	#HQ_page .table > tbody > tr.info > th,
−	.table > tfoot > tr.info > th {	+	#HQ_page .table > tfoot > tr.info > th {
	background-color: #d9edf7 !important;		background-color: #d9edf7 !important;
	}		}
−	.table-hover > tbody > tr > td.info:hover,	+	#HQ_page .table-hover > tbody > tr > td.info:hover,
−	.table-hover > tbody > tr > th.info:hover,	+	#HQ_page .table-hover > tbody > tr > th.info:hover,
−	.table-hover > tbody > tr.info:hover > td,	+	#HQ_page .table-hover > tbody > tr.info:hover > td,
−	.table-hover > tbody > tr:hover > .info,	+	#HQ_page .table-hover > tbody > tr:hover > .info,
−	.table-hover > tbody > tr.info:hover > th {	+	#HQ_page .table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3 !important;		background-color: #c4e3f3 !important;
	}		}
−	.table > thead > tr > td.warning,	+	#HQ_page .table > thead > tr > td.warning,
−	.table > tbody > tr > td.warning,	+	#HQ_page .table > tbody > tr > td.warning,
−	.table > tfoot > tr > td.warning,	+	#HQ_page .table > tfoot > tr > td.warning,
−	.table > thead > tr > th.warning,	+	#HQ_page .table > thead > tr > th.warning,
−	.table > tbody > tr > th.warning,	+	#HQ_page .table > tbody > tr > th.warning,
−	.table > tfoot > tr > th.warning,	+	#HQ_page .table > tfoot > tr > th.warning,
−	.table > thead > tr.warning > td,	+	#HQ_page .table > thead > tr.warning > td,
−	.table > tbody > tr.warning > td,	+	#HQ_page .table > tbody > tr.warning > td,
−	.table > tfoot > tr.warning > td,	+	#HQ_page .table > tfoot > tr.warning > td,
−	.table > thead > tr.warning > th,	+	#HQ_page .table > thead > tr.warning > th,
−	.table > tbody > tr.warning > th,	+	#HQ_page .table > tbody > tr.warning > th,
−	.table > tfoot > tr.warning > th {	+	#HQ_page .table > tfoot > tr.warning > th {
	background-color: #fcf8e3 !important;		background-color: #fcf8e3 !important;
	}		}
−	.table-hover > tbody > tr > td.warning:hover,	+	#HQ_page .table-hover > tbody > tr > td.warning:hover,
−	.table-hover > tbody > tr > th.warning:hover,	+	#HQ_page .table-hover > tbody > tr > th.warning:hover,
−	.table-hover > tbody > tr.warning:hover > td,	+	#HQ_page .table-hover > tbody > tr.warning:hover > td,
−	.table-hover > tbody > tr:hover > .warning,	+	#HQ_page .table-hover > tbody > tr:hover > .warning,
−	.table-hover > tbody > tr.warning:hover > th {	+	#HQ_page .table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc !important;		background-color: #faf2cc !important;
	}		}
−	.table > thead > tr > td.danger,	+	#HQ_page .table > thead > tr > td.danger,
−	.table > tbody > tr > td.danger,	+	#HQ_page .table > tbody > tr > td.danger,
−	.table > tfoot > tr > td.danger,	+	#HQ_page .table > tfoot > tr > td.danger,
−	.table > thead > tr > th.danger,	+	#HQ_page .table > thead > tr > th.danger,
−	.table > tbody > tr > th.danger,	+	#HQ_page .table > tbody > tr > th.danger,
−	.table > tfoot > tr > th.danger,	+	#HQ_page .table > tfoot > tr > th.danger,
−	.table > thead > tr.danger > td,	+	#HQ_page .table > thead > tr.danger > td,
−	.table > tbody > tr.danger > td,	+	#HQ_page .table > tbody > tr.danger > td,
−	.table > tfoot > tr.danger > td,	+	#HQ_page .table > tfoot > tr.danger > td,
−	.table > thead > tr.danger > th,	+	#HQ_page .table > thead > tr.danger > th,
−	.table > tbody > tr.danger > th,	+	#HQ_page .table > tbody > tr.danger > th,
−	.table > tfoot > tr.danger > th {	+	#HQ_page .table > tfoot > tr.danger > th {
	background-color: #f2dede !important;		background-color: #f2dede !important;
	}		}
−	.table-hover > tbody > tr > td.danger:hover,	+	#HQ_page .table-hover > tbody > tr > td.danger:hover,
−	.table-hover > tbody > tr > th.danger:hover,	+	#HQ_page .table-hover > tbody > tr > th.danger:hover,
−	.table-hover > tbody > tr.danger:hover > td,	+	#HQ_page .table-hover > tbody > tr.danger:hover > td,
−	.table-hover > tbody > tr:hover > .danger,	+	#HQ_page .table-hover > tbody > tr:hover > .danger,
−	.table-hover > tbody > tr.danger:hover > th {	+	#HQ_page .table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc !important;		background-color: #ebcccc !important;
	}		}
−	.table-responsive {	+	#HQ_page .table-responsive {
	overflow-x: auto !important;		overflow-x: auto !important;
	min-height: 0.01% !important;		min-height: 0.01% !important;
		+	}
		+
		+
		+	/*
		+	Additional Fix for Panel
		+	*/
		+	.table-responsive.panel.panel-default {
		+	border: none !important;
		+	}
		+
		+	/*
		+	Fix for ul.nav
		+	*/
		+	ul.nav {
		+	margin: 0 !important;
	}		}

---

Latest revision as of 20:18, 30 November 2016

/** Reset Styles iGEM-Team Bonn

feel free to use stuff from here but please give credit

• /

/* * * * * * * * * * * * * * * * * * * * * * * * * Resets & Fixes

• * * * * * * * * * * * * * * * * * * * * * * * */

html, body, #globalWrapper, #content, #HQ_page, #bodyContent, #mw-content-text { min-height: 100% !important; margin: 0 !important; padding: 0 !important; }

1. globalWrapper, #content {

position: static; }

1. content {

width: 100%; margin: 0; padding: 0; }

1. HQ_page h1, h2, h3, h4, h5 {

margin-bottom: 0 !important; font-family: inherit !important; font-weight: normal !important; }

1. HQ_page table {

margin: 0 !important; border: none !important; }

1. HQ_page th, #HQ_page td {

margin: 0 !important; padding: 8px !important; background: none !important; border: none !important; }

1. top_title, #mw-content-text > p:first-of-type, #top_menu_under, .sideNav_h1:first-of-type, .mw-editsection {

display: none !important; }

1. globalWrapper {

font-size: inherit !important; }

1. sideMenu, #sideMenu * {

box-sizing: content-box; }

1. sideMenu {

display: none; left: auto !important; right: 25px; border: 1px solid #222; border-radius: 5px; }

1. top_menu_14 {

height: 19px; background: linear-gradient(0deg, #383838, #444444); }

1. top_menu_14 .submenu {

box-sizing: content-box; }

1. top_menu_14 .close {

font-size: 16px; opacity: 0.55; }

1. top_menu_14 .close:hover {

opacity: 0.85; }

1. top_menu_inside {

width: 100%; margin: 0 auto; border: none; }

1. user_item {

float: left !important; margin: 0 !important; padding: 0px 25px 0px 20px !important; }

1. bars_item {

left: auto !important; right: 25px; }

1. top_menu_14 .submenu {

opacity: 0.9; }

1. bodyContent a[href^="https://"], .link-https {

padding-right: 0 !important; background-image: none; }

.btn, #bodyContent a[href^="https://"].btn { padding-right: 12px !important }

.btn-default, #bodyContent a[href^="https://"].btn-default { color: #333 !important; background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%) !important; }

/* * * * * * * * * * * * * * * * * * * * * * * * * Bootstrap Table Styles

• * * * * * * * * * * * * * * * * * * * * * * * */

/*

1. HQ_page table {

 border-collapse: collapse !important;
 border-spacing: 0 !important;

}

1. HQ_page td,
2. HQ_page th {

 padding: 0 !important;

}

1. HQ_page th {

 text-align: left !important;

}

• /

1. HQ_page .table {

 width: 100% !important;
 max-width: 100% !important;

/* margin-bottom: 20px !important; */ }

1. HQ_page .table > thead > tr > th,
2. HQ_page .table > tbody > tr > th,
3. HQ_page .table > tfoot > tr > th,
4. HQ_page .table > thead > tr > td,
5. HQ_page .table > tbody > tr > td,
6. HQ_page .table > tfoot > tr > td {

 padding: 8px !important;
 line-height: 1.42857143 !important;
 vertical-align: top !important;
 border-top: 1px solid #dddddd !important;

}

1. HQ_page .table > thead > tr > th {

 vertical-align: bottom !important;
 border-bottom: 2px solid #dddddd !important;

}

1. HQ_page .table > caption + thead > tr:first-child > th,
2. HQ_page .table > colgroup + thead > tr:first-child > th,
3. HQ_page .table > thead:first-child > tr:first-child > th,
4. HQ_page .table > caption + thead > tr:first-child > td,
5. HQ_page .table > colgroup + thead > tr:first-child > td,
6. HQ_page .table > thead:first-child > tr:first-child > td {

 border-top: 0 !important;

}

1. HQ_page .table > tbody + tbody {

 border-top: 2px solid #dddddd !important;

}

1. HQ_page .table .table {

 background-color: #ffffff !important;

}

1. HQ_page .table-condensed > thead > tr > th,
2. HQ_page .table-condensed > tbody > tr > th,
3. HQ_page .table-condensed > tfoot > tr > th,
4. HQ_page .table-condensed > thead > tr > td,
5. HQ_page .table-condensed > tbody > tr > td,
6. HQ_page .table-condensed > tfoot > tr > td {

 padding: 5px !important;

}

1. HQ_page .table-bordered {

 border: 1px solid #dddddd !important;

}

1. HQ_page .table-bordered > thead > tr > th,
2. HQ_page .table-bordered > tbody > tr > th,
3. HQ_page .table-bordered > tfoot > tr > th,
4. HQ_page .table-bordered > thead > tr > td,
5. HQ_page .table-bordered > tbody > tr > td,
6. HQ_page .table-bordered > tfoot > tr > td {

 border: 1px solid #dddddd !important;

}

1. HQ_page .table-bordered > thead > tr > th,
2. HQ_page .table-bordered > thead > tr > td {

/* border-bottom-width: 2px !important; */ }

1. HQ_page .table-striped > tbody > tr:nth-of-type(odd) {

 background-color: #f9f9f9 !important;

}

1. HQ_page .table-hover > tbody > tr:hover {

 background-color: #f5f5f5 !important;

}

/*

1. HQ_page table col[class*="col-"] {

 position: static !important;
 float: none !important;
 display: table-column !important;

}

1. HQ_page table td[class*="col-"],
2. HQ_page table th[class*="col-"] {

 position: static !important;
 float: none !important;
 display: table-cell !important;

}

• /

1. HQ_page .table > thead > tr > td.active,
2. HQ_page .table > tbody > tr > td.active,
3. HQ_page .table > tfoot > tr > td.active,
4. HQ_page .table > thead > tr > th.active,
5. HQ_page .table > tbody > tr > th.active,
6. HQ_page .table > tfoot > tr > th.active,
7. HQ_page .table > thead > tr.active > td,
8. HQ_page .table > tbody > tr.active > td,
9. HQ_page .table > tfoot > tr.active > td,
10. HQ_page .table > thead > tr.active > th,
11. HQ_page .table > tbody > tr.active > th,
12. HQ_page .table > tfoot > tr.active > th {

 background-color: #f5f5f5 !important;

}

1. HQ_page .table-hover > tbody > tr > td.active:hover,
2. HQ_page .table-hover > tbody > tr > th.active:hover,
3. HQ_page .table-hover > tbody > tr.active:hover > td,
4. HQ_page .table-hover > tbody > tr:hover > .active,
5. HQ_page .table-hover > tbody > tr.active:hover > th {

 background-color: #e8e8e8 !important;

}

1. HQ_page .table > thead > tr > td.success,
2. HQ_page .table > tbody > tr > td.success,
3. HQ_page .table > tfoot > tr > td.success,
4. HQ_page .table > thead > tr > th.success,
5. HQ_page .table > tbody > tr > th.success,
6. HQ_page .table > tfoot > tr > th.success,
7. HQ_page .table > thead > tr.success > td,
8. HQ_page .table > tbody > tr.success > td,
9. HQ_page .table > tfoot > tr.success > td,
10. HQ_page .table > thead > tr.success > th,
11. HQ_page .table > tbody > tr.success > th,
12. HQ_page .table > tfoot > tr.success > th {

 background-color: #dff0d8 !important;

}

1. HQ_page .table-hover > tbody > tr > td.success:hover,
2. HQ_page .table-hover > tbody > tr > th.success:hover,
3. HQ_page .table-hover > tbody > tr.success:hover > td,
4. HQ_page .table-hover > tbody > tr:hover > .success,
5. HQ_page .table-hover > tbody > tr.success:hover > th {

 background-color: #d0e9c6 !important;

}

1. HQ_page .table > thead > tr > td.info,
2. HQ_page .table > tbody > tr > td.info,
3. HQ_page .table > tfoot > tr > td.info,
4. HQ_page .table > thead > tr > th.info,
5. HQ_page .table > tbody > tr > th.info,
6. HQ_page .table > tfoot > tr > th.info,
7. HQ_page .table > thead > tr.info > td,
8. HQ_page .table > tbody > tr.info > td,
9. HQ_page .table > tfoot > tr.info > td,
10. HQ_page .table > thead > tr.info > th,
11. HQ_page .table > tbody > tr.info > th,
12. HQ_page .table > tfoot > tr.info > th {

 background-color: #d9edf7 !important;

}

1. HQ_page .table-hover > tbody > tr > td.info:hover,
2. HQ_page .table-hover > tbody > tr > th.info:hover,
3. HQ_page .table-hover > tbody > tr.info:hover > td,
4. HQ_page .table-hover > tbody > tr:hover > .info,
5. HQ_page .table-hover > tbody > tr.info:hover > th {

 background-color: #c4e3f3 !important;

}

1. HQ_page .table > thead > tr > td.warning,
2. HQ_page .table > tbody > tr > td.warning,
3. HQ_page .table > tfoot > tr > td.warning,
4. HQ_page .table > thead > tr > th.warning,
5. HQ_page .table > tbody > tr > th.warning,
6. HQ_page .table > tfoot > tr > th.warning,
7. HQ_page .table > thead > tr.warning > td,
8. HQ_page .table > tbody > tr.warning > td,
9. HQ_page .table > tfoot > tr.warning > td,
10. HQ_page .table > thead > tr.warning > th,
11. HQ_page .table > tbody > tr.warning > th,
12. HQ_page .table > tfoot > tr.warning > th {

 background-color: #fcf8e3 !important;

}

1. HQ_page .table-hover > tbody > tr > td.warning:hover,
2. HQ_page .table-hover > tbody > tr > th.warning:hover,
3. HQ_page .table-hover > tbody > tr.warning:hover > td,
4. HQ_page .table-hover > tbody > tr:hover > .warning,
5. HQ_page .table-hover > tbody > tr.warning:hover > th {

 background-color: #faf2cc !important;

}

1. HQ_page .table > thead > tr > td.danger,
2. HQ_page .table > tbody > tr > td.danger,
3. HQ_page .table > tfoot > tr > td.danger,
4. HQ_page .table > thead > tr > th.danger,
5. HQ_page .table > tbody > tr > th.danger,
6. HQ_page .table > tfoot > tr > th.danger,
7. HQ_page .table > thead > tr.danger > td,
8. HQ_page .table > tbody > tr.danger > td,
9. HQ_page .table > tfoot > tr.danger > td,
10. HQ_page .table > thead > tr.danger > th,
11. HQ_page .table > tbody > tr.danger > th,
12. HQ_page .table > tfoot > tr.danger > th {

 background-color: #f2dede !important;

}

1. HQ_page .table-hover > tbody > tr > td.danger:hover,
2. HQ_page .table-hover > tbody > tr > th.danger:hover,
3. HQ_page .table-hover > tbody > tr.danger:hover > td,
4. HQ_page .table-hover > tbody > tr:hover > .danger,
5. HQ_page .table-hover > tbody > tr.danger:hover > th {

 background-color: #ebcccc !important;

}

1. HQ_page .table-responsive {

 overflow-x: auto !important;
 min-height: 0.01% !important;

}

/*

   Additional Fix for Panel

• /

.table-responsive.panel.panel-default {

 border: none !important;

}

/*

   Fix for ul.nav

• /

ul.nav {

 margin: 0 !important;

}