@media all {


 * { margin:0; padding:0; border:0; }

 /* hide from ie5 mac \*/

	html { height:100%; }

 /* end hide */




 /* ____ general ____ */


	body {

		font: 82.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
		margin: 0 auto;
		background-color: #f0f2f3;
		color: #4e4d4b;
	}


	h1 {

		font-size:1.8em;
		font-weight:normal;
		color:#315365;
		margin-bottom:20px;
		clear:both;
	}

	h2 {

		font-size:1.4em;
		font-weight:bold;
		color:#315365;
		margin-bottom:15px;
		clear:both;
	}


	a:link, a:visited { color:#2f2f61; text-decoration:none; }
	a:active, a:focus, a:hover { text-decoration:underline; }
	.right { float:right; }
	.clear { clear:both; }

	/* universal wrapper...set page width here */
	div#wrap { margin:0 auto;padding:0; width:990px; }
	div#page { clear:both; }

	.col1 { float:left; width:15%; }
	.col2 { float:left; width:85%; }

	#content { background-color:#9c9ab5; padding:20px; clear:both;  }



 /* ____ login ____ */


	#login {

		width:496px;
		margin:80px auto 0 auto;
		padding:0;
		border:1px solid #aaa;
		background: -webkit-linear-gradient(#d0dde3 10%,#7699a9); /* For Safari */
		background: -o-linear-gradient(#d0dde3 10%,#7699a9); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#d0dde3 10%,#7699a9); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#d0dde3 10%,#7699a9); /* Standard syntax */
	}

	#login div.photo-insert {
		width:496px;
		height:187px;
		background:transparent url('../img/login-photo.jpg') no-repeat top center;
	}

	#login form {

		background-color:transparent;
		background-image:none;
		border:0;
		padding:0;
		min-height:inherit;
	}

	#login ul {

		margin:20px 0;
	}

	#login ul li {

		display:block;
		list-style-image:none;
		list-style-type:none;
		line-height:1.3em;
		margin-bottom:5px;
	}

	#login label {

		color:#666;
		padding:5px 20px 0 30px;
		width:140px;
	}

	.loginhelp { color:#444; font-size:0.9em; }
	.loginhelp a { color:#444; font-weight:bold; }
	.loginfail { padding:2px 8px; background-color:#e23c3c; color:white; font-weight:bold; }




 /* ____ header ____ */


	#header {

		clear:both;
		padding:0 0 20px 0;
		position:relative;
		width:100%;
		height:80px;
		margin-bottom:20px;
	}

	.logo { position:absolute; }
	.syndixis { bottom:-55px; left:34px; }
	.company { bottom:0; right:0; }
	.company img { max-height:80px; }



 /* ____ footer ____ */


	#footer {

		text-align:center;
		clear:both;
		padding:0 10px;
		color:#bfbfbf;
		margin:20px 0;
		line-height:1.4em;
	}

	#footer a { color:#9f9f9f; }




 /* ____ navigation ____ */


	.navigation {

		padding:35px 0 0px 0;
		margin:35px 0 0 0;
		font-size:1em;
	}

	.navigation li { 

		display:block;
		list-style-image:none;
		list-style-type:none;
		line-height:2.0em;
		margin-bottom:4px;
	}

	.navigation li a { 

		text-align:right;
		display:block;
		color:#444;
		background-color:#adbec7;
		font-weight:bold;
		padding:2px 10px 2px 2px;
	}

	.navigation li a.selected,.navigation li a:hover {

		background-color:#315365;
		color:white;
	}

	.navigation li a.cmd {

		font-weight:normal;
		color:white;
		background-color:#7396a7;
		font-size:0.8em;
	}


 /* ____ subnavigation ____ */

	.navigation li ul { margin:4px 0; }

	.navigation li li a { 

		display:block;
		list-style-image:none;
		list-style-type:none;
		font-size:0.7em;
		background-color:#d1dfe7;
		background-image:none;
		font-weight:normal;
		padding:0 8% 0 2px;
	}

	.navigation li li a.selected, .navigation li li a:hover {

		color:#454744;
		background-color:#8a9ca6;
		font-weight:bold;
	}



 /* ____ tabs ____ */


	.tab li {

		position:relative;
		display:inline;
		list-style-image:none;
		list-style-type:none;
		font-size:1em;
		line-height:1.8em;
	}

	.tab li a {

		color:#888;
		background:#cfcfcf url(../img/tab-unselected-background.jpg) repeat-x top;
		padding:6px 15px 5px 15px;
		border-top:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-left:1px solid #c3c3c3;
	}

	.tab li a.selected {

		color:black;
		background-color:#f9f9f9;
		background-image:none;
		padding:6px 15px 6px 15px;
	}
	
							


 /* ____ form ____ */


	form {

		background-color:#f9f9f9; 
		padding:40px;
		border-top:1px solid #c3c3c3;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #c3c3c3;
		min-height:250px;
	}

	form li {
		line-height:1.6em;
		margin:10px 0; 
		list-style-image:none;
		list-style-type:none;
		/*height:26px;*/
	}

	form ul.commList li{
		height:26px;
	}

	fieldset {

		margin:15px 0;
	}

	label {

		width:130px;
		float:left;
		clear:both;
	}

	input, select, textarea { 

		width:180px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:white;
		border:1px solid #c3c3c3;
		padding:4px;
		font-size:1em;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	input.submit {

		width:auto;
		background-color:#315365;
		color:white;
		padding:5px 25px;
		border:0;
		cursor:pointer;
	}

	input.small, select.small, textarea.small, label.small { width:50px; }
	input.medium, select.medium, textarea.medium, label.medium { width:220px; }
	input.long, select.long, textarea.long, label.long { width:400px; }
	

	input.file { width:auto; }

	button { width:120px; background-color:#023911; background-image:none; font-size:0.9em; color:white; font-weight:normal; }

	input.cancel { width:60px; background-color:#620428; background-image:none; font-size:0.9em; color:white; font-weight:normal; }

	.formctrl { clear:left; }
	.formcol { float:left; width:50%; margin-top:25px; }



 /* ____ table ____ */


	table>tr:nth-child(even),tbody>tr:nth-child(even) {

		background-color:#eaeaea;
		vertical-align:top;
	}

	thead {

		background-color:#315365;
		font-weight:bold;
		color:white;
	}

	td { padding:5px; }



 /* ____ issues, annotations, tasks ____ */


	div.issue, div.annotation, div.task {

		background-color:#ebeff1;
		padding-bottom:20px;
		margin-bottom:20px;
		border:1px solid #aaa;
	}

	p.issueHeader, p.annotationHeader, p.taskHeader {

		background-color:#315365;
		color: white;
		margin: 0 0 4px 0;
		padding: 10px 15px;
		font-weight: bold
	}

	div.issueText, div.annotationText, div.taskText {

		padding:15px 30px 0px;
	}

	div.annotationText *{
		background:transparent !important;
		font-family: Verdana, Arial, Helvetica, sans-serif !important;
	}

	div.issueProgress, div.annotationProgress, div.taskProgress {

		padding:15px 30px 0px;
	}

	span.issueProgressTitle, span.annotationProgressTitle, span.taskProgressTitle {

		padding: 0px;
		text-decoration: underline;
	}

	span.issueDate, span.annotationDate, span.taskDate {

		float: left;
		width: 100px;
	}

	span.issueBuilding, span.taskBuilding {

		float: right;
		width: auto;
		text-align:right;
		margin-left:30px;
	}

	span.annotationRelationName {
		float: right;
		width: 50%;
		text-align: right;
	}



	p.action { margin-top: 0px; margin-bottom: 0px; padding-left: 22px; }
	span.actionDate { float: left; width: 135px; }
	span.actionExecutor { float: left; width: 120px; margin-right:10px }
	span.actionTitle { float: left; width: 405px; }
	.clearboth { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	div.annotationAttachements {margin: 15px 30px 0px;}
	
	div.annotationImages{ padding:15px 30px 0px	}
	div.annotationImages ul{ list-style-type:none;}
	div.annotationImages li{ display:inline; margin-right:10px;}
	div.annotationImages li:nth-child(n+7) img{ margin-top:10px;}

	div.issueAttachments{ padding:15px 30px 0px;	}

	div.issueImages{ padding:15px 30px 0px;	}
	div.issueImages ul{ list-style-type:none;}
	div.issueImages li{ display:inline; margin-right:10px;}
	div.issueImages li:nth-child(n+7) img{ margin-top:10px;}

	div.actionImages{ padding:15px 0px 0px;	}
	div.actionImages ul{ list-style-type:none;}
	div.actionImages li{ display:inline; margin-right:10px;}
	div.actionImages li:nth-child(n+7) img{ margin-top:10px;}


	p.taskState label { text-align: left; float: left; width: 160px; position: relative; left: 10px; margin-top:10px; }
	p.taskState select { width: 120px; font-size: 1em; margin-top:10px; left: 10px; position: relative; }

	p.taskTitle label { text-align: left; float: left; width: 120px; position: relative; left: 10px; margin-top:10px; }
	p.taskTitle input { width: 90%; height: 18px; position: relative; left: 10px; font-size: 1em; margin-top:10px; }

	p.taskComment label { text-align: left; float: left; width: 120px; position: relative; left: 10px;margin-top:10px; }
	p.taskComment textarea { width: 90%; height: 50px; position: relative; left: 10px; font-size: 1em; margin-top:10px;}
	p.taskComment { padding-bottom: 8px }

	p.document { margin-bottom: 2px; }
	p.document a { vertical-align: middle; }
	p.document img { vertical-align: middle; }
	p.document span { margin-left: 4px; }

	h4.topleveldocs { margin: 4px 0; }
	
	span.tree { 
		text-align: center;
		border: 1px solid #666;
		display: inline-block;
		width: 11px;
		margin-right: 5px;
		height: 11px;
		line-height: 10px;
	}


	/** Tenants **/

	h2.entityTitle { 
		margin-bottom: 15px;
		font-weight: normal;
		color: #315365;
	}

	/** BY Tom **/


	#adminIssues label {

		float: left;
		clear: left;
		width: 140px;
	}

	#adminIssues input {

		float: left;
		margin-bottom: 10px;
	}

	#adminIssues #stateCheckboxes input {

		width: auto;
		margin-left: 5px;
		margin-right: 20px;
	}

	#adminIssues #stateCheckboxes span {

		float: left;
	}

	#adminIssues h2 {

		float: left;
		margin-top: 15px;
		clear: left;
		margin-bottom: 20px;
	}

	#adminIssues .issue {

		float: left;
		padding-bottom: 10px;
		width: 100%;
	}

	#adminBuildings .issue .issueText {
		padding-right:175px;
	}
	#adminBuildings label {
		float: left;
		clear: left;
		width: 140px;
	}
	.issue{
		position:relative;
	}

	.issue.activeIssue {
		background-color: #F5C9C9;
	}

	.issue.activeIssue .issueHeader{
		background-color: #E36D6D;
	}

	.issue.inactiveIssue {
		background-color: #e1d99a;
	}

	.issue.inactiveIssue .issueHeader {
		background-color: #D1C45A;
	}

	.issue.finishedIssue {
		background-color: #D2DCD5;
	}

	.issue.finishedIssue .issueHeader{
		background-color: #256B3A;
	}

	.issue.pendingIssue {
		background-color: #FFFFC4;
	}

	.issue.pendingIssue .issueHeader{
		background-color: #FFDD6E;
	}

	.activeIssue {
		background-color: #e19a9a;
	}

	.inactiveIssue {

		background-color: #e1d99a;
	}

	.finishedIssue {

		background-color: #D2DCD5;
	}

	.pendingIssue {

		background-color: #FFFF6E;
	}

	a#clearSelectResponsible, a#clearSelectBuilding {

		text-decoration: underline;	
	}

	#adminIssues a#clearSelectBuilding {

		float: left;
		margin-left: 10px;
		margin-top: 3px;
	}

	#adminIssues #noIssuesFound {

		float: left;
		clear: left;  
	}

	#adminIssues a.wijzigIssue {
		margin-left:10px;
		color: #fff;
		text-decoration: underline;
	}

	#adminIssues .addActionDiv input, #adminIssues .addActionDiv textarea, #adminIssues .addActionDiv input.addActionExecutor {

		float: left;
		clear: left;
		margin-left: 40px;
		width: auto;
		display: none;
	}

	#adminIssues .addActionDiv input.addActionExecutor {

		clear: none;
		margin-right: 10px;
		margin-left: 15px;
		background: #fff;
	}

	#adminIssues .addActionExecutor input,  #adminIssues .addActionExecutor span, #adminIssues .addActionExecutor a{

		float: left;
		display:none;
	}

	#adminIssues .addActionExecutor span {

		margin-left: 40px;
	}

	#adminIssues div.addActionExecutor {

		margin-top: 15px;
	}

	#adminIssues .addActionExecutor a {

		text-decoration: underline;
	}

	#adminIssues .addActionDiv a.showAddAction {

		margin-left: 40px;
		float: left;
		clear: left;
		margin-top: 10px;
		text-decoration: underline;
	}

#adminIssues p.action {
    margin-top: 10px;
}

#adminIssues textarea {
    margin-bottom: 15px;
}

#adminIssues span.defaultSimpleSkin {
    float: left;
    margin-left: 40px;
    margin-bottom: 15px;
}

#adminIssues input.addActionTitle{
    margin-top: 5px;
    margin-bottom: 15px;
    width: 600px;
    background: white;
}

#adminIssues input.cancelSubmitAction {
    clear: none;
    float: left;
}

#adminIssues a.editAction {
    background-image: url("../img/edit-icon.png");
    float: left;
    height: 24px;
    margin-left: -24px;
    margin-right: 6px;
    margin-top: -3px;
    text-indent: -9999px;
    width: 24px;
}

#adminIssues #paging {
    clear: left;
    float: left;
    font-size: 1.5em;
    margin-bottom: 15px;
    margin-top: 5px;
    width: 100%;
}

#adminIssues #paging .previousPage {
    float: left;
    text-decoration: underline;
}

#adminIssues #paging .nextPage {
    float: right;
    text-decoration: underline;
}

#adminIssues #pages ul.pageNumbers {
    margin-top: -11px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    
}

#adminIssues #pages span {
    
    float: left;
    /*
    clear: left;
    */
    margin-right: 10px;
}

#adminIssues #pages ul.pageNumbers li {
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
}

#adminIssues #pages {
    font-size: 1.5em;
    float: left;
    clear: left;
}

#adminAddIssue .issueTitle {
    width: 450px;
    background: white;
    
}

/** pagination **/

#paging { font-size:10px;}
.paging.display{text-align:right;}
.paging a, .paging span {padding:2px 8px 2px 8px;}
.paging span {font-weight:bold; color:#000; font-size:13px; }
.paging a {color:#000; text-decoration:none; border:1px solid #dddddd;}
.paging a:hover { text-decoration:none; background-color:#6C6C6C; color:#fff; border-color:#000;}
.paging span.prn { font-size:13px; font-weight:normal; color:#aaa; }
.paging a.prn { border:2px solid #dddddd;}
.paging a.prn:hover { border-color:#000;}
.paging p#total_count{color:#aaa; font-size:12px; padding-top:8px; padding-left:18px;}
.paging p#total_display{color:#aaa; font-size:12px; padding-top:10px;}


a.nextPage, a.previousPage { font-size:0.8em; }


/* datepicker css */

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
.dp-applied {
    width: 140px;
    float: left;
}



.select2-container .select2-choice {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
border: 1px solid #c3c3c3;
padding: 0px 4px;
background-image: none!important;
color:#000!important;
height:24px;
line-height: 24px;
}
.select2-container .select2-choice .select2-arrow {
border:0;
background: none;
background-image:none;
}
.select2-drop-active{
border: 1px solid #c3c3c3;
border-top:none;
}



i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
i.light{color: #fff;}
a:hover i.light, span:hover i.light, i.light:hover{color:#ccc}
i, i.dark{color:#666}
a:hover i, span:hover i, i:hover,i.dark:hover{color:#333}

i.fa-file-word-o{ color:#2a5699; }
i.fa-file-pdf-o{ color:#bf0909; }
i.fa-file-image-o{ color:#cc6600; }
i.fa-file-audio-o{ color:#009ee1; }
i.fa-file-powerpoint-o{ color:#d24726; }
i.fa-file-excel-o{ color: #217346; }


/*
* Table styles
*/
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: separate;
border-spacing: 0;
/*
* Header and footer styles
*/
/*
* Body styles
*/ }
table.dataTable thead th,
table.dataTable tfoot th {
font-weight: bold; }
table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #666; }
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none; }
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111111; }
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
cursor: pointer;
*cursor: hand; }
table.dataTable thead .sorting {
background: #999999 url("img/sort_both.png") no-repeat center right; }
table.dataTable thead .sorting_asc {
background: #999999 url("img/sort_asc.png") no-repeat center right; }
table.dataTable thead .sorting_desc {
background: #999999 url("img/sort_desc.png") no-repeat center right; }
table.dataTable thead .sorting_asc_disabled {
background: #999999 url("img/sort_asc_disabled.png") no-repeat center right; }
table.dataTable thead .sorting_desc_disabled {
background: #999999 url("img/sort_desc_disabled.png") no-repeat center right; }
/*
table.dataTable tbody tr {
background-color: white; }
*/
table.dataTable tbody tr.selected {
background-color: #b0bed9; }
table.dataTable tbody th,
table.dataTable tbody td {
padding: 8px 10px; }
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #dddddd; }
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
border-top: none; }
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd; }
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #dddddd; }
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top: none; }
/*
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9; }
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #abb9d3; }
*/
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
background-color: whitesmoke; }
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
background-color: #a9b7d1; }
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #f9f9f9; }
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad4; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1; }
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
background-color: #f3f3f3; }
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
background-color: whitesmoke; }
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b3cd; }
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a7b5ce; }
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b6d0; }
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #f9f9f9; }
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fbfbfb; }
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fdfdfd; }
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad4; }
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #adbbd6; }
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8; }
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
background-color: #eaeaea; }
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
background-color: #ebebeb; }
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
background-color: #eeeeee; }
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
background-color: #a1aec7; }
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
background-color: #a2afc8; }
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
background-color: #a4b2cb; }
table.dataTable.no-footer {
border-bottom: 1px solid #999; }
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap; }
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 5px 9px; }
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 5px 9px 3px 9px; }
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px 5px; }
table.dataTable th.dt-left,
table.dataTable td.dt-left {
text-align: left; }
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
text-align: center; }
table.dataTable th.dt-right,
table.dataTable td.dt-right {
text-align: right; }
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
text-align: justify; }
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
white-space: nowrap; }
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
text-align: left; }
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
text-align: center; }
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
text-align: right; }
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
text-align: justify; }
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
white-space: nowrap; }
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
text-align: left; }
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center; }
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
text-align: right; }
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
text-align: justify; }
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
white-space: nowrap; }

table.dataTable,
table.dataTable th,
table.dataTable td {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }

/*
* Control feature layout
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1; }
.dataTables_wrapper .dataTables_length {
float: left; }
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right; }
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em; }
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: 0.755em; }
.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: 0.25em; }
.dataTables_wrapper .dataTables_paginate a{
color:#ffffff;
text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled a{
cursor: not-allowed;
color:#ffffff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.2em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333333 !important;
border: 1px solid transparent;
background-color: #999999;}
.dataTables_wrapper .dataTables_paginate .paginate_button.active, .dataTables_wrapper .dataTables_paginate .paginate_button.active:hover {
color: #ffffff !important;
border: 1px solid #cacaca;
background-color: #585858;
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
background: -o-linear-gradient(top, white 0%, gainsboro 100%);
background: linear-gradient(to bottom, white 0%, gainsboro 100%);
*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: not-allowed;
color: #666 !important;
border: 1px solid transparent;
background-color: #999999;
box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111111;
background-color: #315365;
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
background: -o-linear-gradient(top, #585858 0%, #111111 100%);
background: linear-gradient(to bottom, #585858 0%, #111111 100%);
*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* IE10+ */
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
/* W3C */
box-shadow: inset 0 0 3px #111; }
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* W3C */ }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333333; }
.dataTables_wrapper .dataTables_scroll {
clear: both; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important; }
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111111; }
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
border-bottom: none; }
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0; }

@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center; }
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center; }
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em; } }