/* -----------------------------------
Idea from Site:       Max Design http://www.maxdesign.com.au/articles/css-layouts/two-liquid/
CSS author: Russ Weakley
----------------------------------- */

/* -----------------------------------
general
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	font-size: 10pt;
	/*font-family: 'Open Sans', Verdana;*/
	font-family: 'Droid Sans', sans-serif;
	color: #000000;
	background: #FFF url(../graphics/background.gif) repeat-y;
}


.jPicker{
	vertical-align: middle;
}

.jPicker td.Text{
	white-space: nowrap!important;
}
.jPicker.Container{
	position: fixed!important;
    left: 0!important;
    top: 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 20;
}

/* soectrum color picker */
.sp-original-input-container{
	display:inline-flex;
}

.Multiple{
	width:200px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	line-height: 1.1;
	font-family: 'Droid Sans', sans-serif;
}
h1 {
	color: #219ECE;
	font-size: 18pt;
}
h2{
	color: #219ECE;
	font-size: 18pt;
}
h3 {
	color: #000000;
	font-size: 16pt;
}
h4 { font-size: 14pt; }
h5 { font-size: 12pt; }
p { margin: 10px 0 1em; }
img { border: none; }
a {
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}
a:hover { color: #000; }

a:active
{
	color: #cc0000;
	background: #fff;
}
textarea {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 10pt;
}
.small_blue {
	font-weight: bold;
	color: #0000CC;
	font-size: 8pt;
}
.small_black {
	font-weight: bold;
	color: #000000;
	font-size: 8pt;
}
.syndeo_button {
  float: left;
  height: 100px;
  text-align: center;
  width: 220px;
}
.syndeo_button a {
  display: block;
  height: 100%;
  padding-top: 40px;
  width: 100%;
}
.syndeo_button a:hover {
  background-color: #1892ce;
}

.tooltip {
	margin: 0 0 0 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #1799d3;
  background: #1799d3;
  margin-right: 3px;
}
input[type='checkbox'] {
    accent-color: #B7D866;
}

/* -----------------------------------
container
----------------------------------- */

#container
{
	margin: 0 ;
	width: 100%;
	background: #fff;
	overflow: hidden;
}

#header
{
	/*background: #DDE1DD;*/
	float: left;
	padding-bottom: 5px;
	width: 100%;
}
#header_left
{
	float: left;
	width: 200px;
	padding: 20px 0 0 20px;
}
#header_center
{
	float: left;
	padding: 20px 0 0 0;
	text-align: center;
}
#header_right
{
	float: right;
	padding: 10px 5px 0 0;
	font-size: 10pt;
	color: #5B5D5B;
	font-family: 'Droid Sans', sans-serif;
}
#header_right a:link, #header_right a:visited {
	color: #5B5D5B;
}
#navigation_container {
	float: left;
	width: 100%;
	background: #1892CE;
	height: 46px;
}
#site_info {
	float: right;
	padding: 5px 25px 0 0;
	color: #FFFFFF;
	font-family: 'Droid Sans', sans-serif;
	font-size: 10pt;
}
#site_info a:link, #site_info a:visited {
	color: #FFFFFF;
}
#site_info a:hover{
text-decoration: underline;
}
#header_right a:hover{
text-decoration: underline;
}
#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #BDC3CE;
	color: #FFFFFF;
	font-size: 11pt;
	font-family:  Arial,sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #1892CE;
	/*border-right: 1px solid #fff;*/
}

#navigation li a:hover {
	color: #000000;
}
#navigation .active a{
	color: #000000;
	font-weight: bold;
}
#sub_menu ul
{
	margin: 0;
	padding: 0;
}

#sub_menu ul li
{
	list-style-type: none;
/*	height: 34px;*/
	width: 210px;
	margin-bottom: 3px;
}
#sub_menu .active a{
	background: #B7D866;
	color: #FFFFFF;
}
#sub_menu li a
{
	padding: 7px 10px;
	color: #000000;
	text-decoration: none;
	display: block;
}

#sub_menu li a:hover {
	color: #FFFFFF;
	background: #B7D866;
}

#content-container
{
	float: left;
	width: 100%;
	min-height: 550px;
	background: #FFF url(../graphics/background.gif) repeat-y;
}

#content
{
	clear: right;
	float: left;
	padding: 5px 20px 0 0 ;
	margin: 0 0 0 0;
	display: inline;
    max-width: 80%;
}

#left_column
{
	float: left;
	width: 210px;
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
	background: #EFF3EF;
	display: inline;
}

#footer
{
	clear: left;
	background: #FFF url(../graphics/background.gif) repeat-y;
	padding-right: 25px;
}

button {
  border: 1px solid #999999;
  margin: 0 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 15px 2px 15px;
  text-decoration:none;
  display:inline-block;
  font-weight:bold;
  color: #FFFFFF;
  cursor:pointer;
  background-color: #1891CD;
}

button[type=submit] {
  margin: 15px;
}

button:hover{
  background-color: #B7D866;; 

}
input, select {
	border: 1px solid #CECECE;
	padding-left: 3px;
	border-radius: 5px;
}
select {
  color: #000000;
  font-family: verdana;
  padding-bottom: 3px;
}
input.error {
	border: 1px solid red;
}
textarea.error {
	border: 1px solid red;
}
.version {
font-size: 7pt;
font-weight: bold;
margin-left: 122px;
color: #949294;
}
.label_fixed_width {
  width: 250px;
}
.radio {
border: 0;
}
.error {
	color : red ;
}
/*position the datepicker icon after the input field */
.ui-datepicker-trigger {
    margin-left : 5px;
    vertical-align : top;
}

/* voor gewone iconen */
.icontip {
display: none;
position: absolute;
max-width: 220px;
border: 1px solid #000000;
background-color: #FFFFE1;
padding: 3px 3px 3px 3px;
}

a.link {
	font-weight: bold;
	color: #0D85BB;
	font-size: 10pt;
}
.cell {
/*background-color: #F7F7F7;*/
padding: 4px;
}
.cell:hover {
/*background-color: #BDD763;*/
background-color: #1892CE;
}
a.module_link  {
color: #1892CE;
}
.cell:hover a{
color: #FFFFFF;
}
.sas_module_title {
  color: #000000;
  display: block;
  font-size: 13pt;
  font-weight: bold;
}
.sas_module_subtitle {
  color: #0D85BB;
  display: block;
  font-size: 11pt;
  font-weight: bold;
  margin: 0.5em 0;
}
.sas_module_lbl1 {
	color: #000000;
}
.sas_module_lbl2 {
	font-weight: bold;
	font-style: italic;
	font-size: 8pt;
}
.sas_row_color_odd {
background-color: #FFFFFF ;
height: 26px;
}
.sas_row_color_even {
background-color: #EDEDED ;
height: 26px;
}
input.textfield {
/*background-color: #FFFFDE;*/
border : 1px inset #000000;
}

.accordion h3 {
	background: #EDEDED url(../graphics/arrow-square.gif) no-repeat right 5px;
	padding: 2px 0 5px 2px;
	margin: 0;
	font-size: 10pt;
	font-weight: normal;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right -51px;
}
td .accordion{
	margin: 0;
	padding: 0;
}
.editor_table {
border:1px solid #b6b6b6;
padding:6px 8px 2px;
-moz-box-shadow:0 1px 0 #fff inset;
-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;
background:#EFF3EF;
background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#EFF3EF));
background-image:-moz-linear-gradient(top,#f5f5f5,#EFF3EF);
background-image:-webkit-linear-gradient(top,#f5f5f5,#EFF3EF);
background-image:-o-linear-gradient(top,#f5f5f5,#EFF3EF);
background-image:-ms-linear-gradient(top,#f5f5f5,#EFF3EF);
background-image:linear-gradient(top,#f5f5f5,#EFF3EF);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#EFF3EF');
}
.list {
list-style-type: none;
}
.list li {
height: 40px;
}

/* TABLES */
.table {
  background-color: #CECECE;
  border-spacing: 2px;
}
.table th, .table td {
  background-color: #EDEDED;
  padding: 2px;
}


.datatable {
  border-spacing: 0;
  margin: 1em 0;
}

.datatable tbody tr:hover {
  background-color: #B5D772;
}

.datatable td {
  border-right: 1px dotted white;
  padding: 0.2em 0.5em;
}

.datatable td:last-child {
  border-right: none;
}

.datatable th {
  background-color: #0886bd;
  color: white;
  padding: 5px;
}

.datatable th a {
  color: white;
}

.datatable th a:hover {
  color: #f5f5f5;
}

.datatable tr:nth-child(even) {
  background-color: #EDEDED;
}

.datatable tr:nth-child(odd) {
  background-color: #F7F7F7;
}

td .right {
  text-align: right
}
.ui-controlgroup {
  display: inherit !important;
}