/*
 * Colour dictionary:
 *
 * Table control elements:   #719ba7
 * Header cells:             #66A9BD
 * Body header cells:        #91c5d4
 * Body content cells:       #d5eaf0
 * Body content cells (alt): #bcd9e1
 * Footer header:            #b0cc7f
 * Footer content:           #d7e1c5
 */


/*
 * Page setup styles
 */
 body {
	/* font: 70%/0.9em Arial, Verdana, Helvetica, sans-serif; */
	margin: 0px;
	padding: 0px;
	color: #111;
	background-color: #AEACAC;
	/* background-image:url('../images/b1.png');
    background-repeat:repeat-x;	*/
}

#container {
	margin: 0 auto;
	width: 960px
}

h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}


/*
 * DataTables framework
 */
div.dataTables_wrapper {
	background-color: #ede0d9;
}

div.dataTables_length {
	float: left;
}

div.dataTables_filter {
	/* float: right; */
	 padding: 5px 46px 8px 5px !important;
}

div.dataTables_info {
	padding: 9px 6px 6px 6px;
	/*float: left;*/
}

div.dataTables_paginate {
	/* float: right; */

}

div.dataTables_length,
div.dataTables_filter,
div.dataTables_paginate {
	padding: 6px;
}

/* Self clearing - http://www.webtoolkit.info/css-clearfix.html */
.dataTables_wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .dataTables_wrapper {
	display: block;
	padding: 20px 20px 20px 20px;
}
 
* html .dataTables_wrapper {
	height: 1%;
}


/*
 * Table styles
 */
table.pretty {
	width: 90%;
	clear: both;
}

table.pretty td,
table.pretty th {
	padding: 5px;
	border: 1px solid #fff;
}

/* Header cells */
table.pretty thead th {
	text-align: center;
	background: #66a9bd;
}

/* Body cells */
table.pretty tbody th {
	text-align: left;
	background: #91c5d4;
}
	
table.pretty tbody td {
	text-align: center;
	background: #d5eaf0;
}
		
table.pretty tbody tr.odd td { 
	background: #bcd9e1;
}

/* Footer cells */	
table.pretty tfoot th {
	background: #b0cc7f;
	text-align: left;
}
	
table.pretty tfoot td {
	background: #d7e1c5;
	text-align: center;
	font-weight: bold;
}


		 


/*
 * Pagination
 */
a.paginate_button,
a.paginate_active {
	display: inline-block;
	background-color: #F08143;
	padding: 2px 6px;
	margin-left: 2px;
	color:#fff;
	cursor: pointer;
	
}

a.paginate_active {
	background-color: transparent;
	color:#FFFFFF !important;
	border: 1px solid #F08143;
}

a.paginate_button_disabled {
	color: #ffffff !important;
}

.paging_full_numbers a:active {
	outline: none;
}
.paging_full_numbers a:hover {

	text-decoration: none;
}

div.dataTables_paginate span>a {
	width: 15px;
	text-align: center;
}


/*
 * Sorting
 */
table.pretty thead th.sorting_asc {
	background: #66A9BD url('../images/sort_asc.png') no-repeat right bottom;
}

table.pretty thead th.sorting_desc {
	background: #66A9BD url('../images/sort_desc.png') no-repeat right bottom;
}

table.pretty thead th.sorting {
	background: #66A9BD url('../images/sort_both.png') no-repeat right bottom;
}


	/*		 
  tr:hover {
background: silver;

}

			 
 td:hover {
background: silver;

}	

*/
  table.pretty  td:hover {border:1px solid red; }

  
  
  /*
 * Table style laddy
 */
 
table.laddy body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #ede0d9;
}

table.laddy {
	width: 90%;
	clear: both;
}

table.laddy td,
table.laddy th {
	padding: 5px;
	border: 0px;
}

/* Header cells */
table.laddy thead th {
	text-align: center;
	background: #BF8A49;
}

/* Body cells */
table.laddy tbody th {
	text-align: left;
	background: #F2CA80;
}
	
table.laddy tbody td {
	text-align: center;
	background: #F2CA80;
}
		
table.laddy tbody tr.odd td { 
	background: #ede0d9;
}

/* Footer cells */	
table.laddy tfoot th {
	background: #FFE6BA;
	text-align: left;
}
	
table.laddy tfoot td {
	background: #FFE6BA;
	text-align: center;
	font-weight: bold;
}
			 
 table.laddy tr:hover {
background: #edbea5;

}
			 
 table.laddy td:hover {
background: #B1C2B3;
border: 0px;
}	

.button
{
background:#F08143;
border:1px solid;
border-radius:5px;
padding: 5px;
	}
	

/*
 * Table styles
 */
 
table.laddyC body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	background-color: #ede0d9;
}

table.laddyC {
	width: 90%;
	clear: both;
}

table.laddyC td,
table.laddyC th {
	padding: 5px;
	border: 1px #BF8A49;
}

/* Header cells */
table.laddyC thead th {
	text-align: center;
	background: #BF8A49;
}

/* Body cells */
table.laddyC tbody th {
	text-align: left;
	background: #FFE6BA;
}
	
table.laddyC tbody td {
	text-align: center;
	background: #FFE6BA;
}
		
table.laddyC tbody tr.odd td { 
	background: #FFE6BA;
}

/* Footer cells */	
table.laddyC tfoot th {
	background: #FFE6BA;
	text-align: left;
}
	
table.laddyC tfoot td {
	background: #FFE6BA;
	text-align: center;
	font-weight: bold;
}
			 
 table.laddyC tr:hover {
background: #edbea5;

}
			 
 table.laddyC td:hover {
background: #B1C2B3;
border: 0px;
}	



/*
 * Table styles
 */
/*
 * Table styles
 */
table.laddyD {
	width: 100%;
	clear: both;
}

table.laddyD td{
	padding: 2px;
	border: 1px solid #fff;
}




table.laddyD th {
    color:#fff;
	padding: 8px;
	border: 1px solid #fff;
}

/* Header cells */
table.laddyD thead th {
	/* text-align: center; */
	text-align: left;
	background: #f08143;
}

/* Body cells */
table.laddyD tbody th {
	text-align: left;
	background: #f08143;
}
	
table.laddyD body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: #ede0d9;
}	
	
	
table.laddyD tbody td {
	/* text-align: center; */
	text-align: left;
	background: #E7F5D9;
}
		
table.laddyD tbody tr.odd td { 
	background: #ffe6ba;
}

/* Footer cells */	
table.laddyD tfoot th {
	background: #f08143;
	text-align: left;
}
	
table.laddyD tfoot td {
	background: #ffe6ba;
	text-align: center;
	font-weight: bold;
}

/*
 table.laddyD tbody tr:hover {
background: #fff;
border: 2px solid red;

}


 table.laddyD tbody tr.odd td:hover {
background: #fff;
border: 1px solid #f08143;
}	
*/


 table.laddyD  td:hover {

border: 1px solid #f08143;
}	
		 

/*
 * Sorting
 */
table.laddyD thead th.sorting_asc {
	background: #f08143 url('../images/sort_asc.png') no-repeat right bottom;
}

table.laddyD thead th.sorting_desc {
	background: #f08143 url('../images/sort_desc.png') no-repeat right bottom;
}

table.laddyD thead th.sorting {
	background: #f08143 url('../images/sort_both.png') no-repeat right bottom;
}


	
	
	
	

  
/*   
 
  

  
.edit-inv-fill .form-group{margin-bottom:15px}
.edit-inv-fill .field-label{display:block;margin-bottom:5px;font-weight:bold}
.edit-inv-fill input,.edit-inv-fill select{width:100%;}
.edit-inv-fill .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;margin-bottom:0}
.edit-inv-fill .form-row .form-group{margin-bottom:15px}
.edit-inv-fill .address-group{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}
.edit-inv-fill fieldset{margin-bottom:20px;padding:0px 21px 0px 20px;border-radius:5px}
.edit-inv-fill legend{font-weight:bold;color:#2196F3}
.edit-inv-fill .detail-line{padding:15px;margin-bottom:15px;border-radius:5px;}
.edit-inv-fill .detail-line h4{margin-top:0;color:#1976D2}
.invoice-details-table {
	width: 100%;
	max-width: 650px;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 12px;
}
.invoice-details-table .invoice-details-header th {
	background-color: #e8d4c8;
	color: #333;
	font-weight: 600;
	padding: 4px 2px;
	text-align: left;
	border: 1px solid #ccc;
	font-size: 11px;
}
.invoice-details-table .invoice-details-row td {
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.invoice-details-table .invoice-details-row td input,
.invoice-details-table .invoice-details-row td select {
	font-size: 12px;
	box-sizing: border-box;
}

.edit-inv-fill .form-row-300-400 .parastatiko {
    min-width: 0;
}

.edit-inv-fill .parastatiko {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
    align-items: start;
}
.edit-inv-fill .parastatiko > table {
    grid-column: 1 / -1;
}
.edit-inv-fill .parastatiko > .address-group {
    grid-column: 1 / -1;
}
.edit-inv-fill-dynamic .parastatiko .address-group {
    grid-column: 1 / -1;
}
.edit-inv-fill-dynamic .address-group .form-group {
    margin-bottom: 0;
}
.edit-inv-fill .parastatiko > h4,
.edit-inv-fill .parastatiko > h5,
.edit-inv-fill .parastatiko > h6 {
    grid-column: 1 / -1;
}
.edit-inv-fill .parastatiko .form-row {
    display: contents;
}
.edit-inv-fill .parastatiko .form-row .form-group {
    margin-bottom: 0;
}

.edit-inv-fill-dynamic .dynamic-fields {
    display: contents;
}
.edit-inv-fill-dynamic .dynamic-fields .form-group.full-width {
    grid-column: auto;
}
.edit-inv-fill-dynamic .dynamic-control select,
.edit-inv-fill-dynamic .dynamic-control input[type="text"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

.edit-inv-fill-dynamic .edit-inv-fill-dynamic-fieldset-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px;
    margin-bottom: 20px;
    align-items: start;
}
.edit-inv-fill-dynamic .edit-inv-fill-dynamic-fieldset-row-full {
    grid-template-columns: 1fr;
}
.edit-inv-fill-dynamic .edit-inv-fill-dynamic-fieldset-row > fieldset {
    min-width: 0;
    margin-bottom: 0;
}

.edit-inv-fill-dynamic .form-row-300-400:has(.invoice-details-table) {
    grid-template-columns: 1fr;
} */



.edit-inv-fill .form-group{margin-bottom:15px}
.edit-inv-fill .field-label{display:block;margin-bottom:5px;font-weight:bold}
.edit-inv-fill input,.edit-inv-fill select{width:100%;}
.edit-inv-fill .form-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:15px 20px;}
.edit-inv-fill .form-row .form-group{margin-bottom:15px}
.edit-inv-fill .address-group{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}
.edit-inv-fill fieldset{padding:0px 21px 0px 20px;border-radius:5px}
.edit-inv-fill legend{font-weight:bold;color:#2196F3}
.edit-inv-fill .detail-line{padding:15px;margin-bottom:15px;border-radius:5px;}
.edit-inv-fill .detail-line h4{margin-top:0;color:#1976D2}
.invoice-details-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 12px;
}
.invoice-details-table .invoice-details-header th {
	color: #333;
	font-weight: 600;
	padding: 4px 2px;
	text-align: left;
	border: 1px solid #ccc;
	font-size: 11px;
}
.invoice-details-table .invoice-details-row td {
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.invoice-details-table .invoice-details-row td input,
.invoice-details-table .invoice-details-row td select {
	font-size: 12px;
	box-sizing: border-box;
}

/* Add for side-by-side layout of #300 and #400 */
.edit-inv-fill .form-row-300-400 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.edit-inv-fill .form-row-300-400 .parastatiko {
    min-width: 0;
}