/* Eerst de pagina componenten aanpassen waar nodig  */

.header-left {
  background-image: url(../resources/img/farmresult-logo.jpg);
  background-repeat: no-repeat;    
  background-position:10px 10px;
  background-size: 210px auto;
}

.header-right{
  border-right: 15px solid #fdb813;
  margin-top: 15px;
  padding-top: 20px;
  height: 50px;
}  

.header a:link {
  color: #003680;
  font-weight : bold;
  text-decoration:none;
}

.header a:link:hover {
  color: #0076a3;
  font-weight : bolder;
  text-decoration:none;
}

a.ui-commandlink {
  color: #003680;
  text-decoration: underline;
}

a.ui-commandlink:hover {
  font-weight : bold;
  text-decoration : underline; 
}

.menu{
  background: #2a436d;
  margin-top: .2em;
}  

.main{
  padding: .2em;
}

.menu-item-header{
  font-size:200%;
  font-weight: bold;
  opacity: 1;
}  

.header-selectedLoc {
  font-size:150%;;
  color:#003680;
  font-weight: bold;
  text-align: left;
}

.logout-link a{
  background: url(../resources/img/icon-lock.png) no-repeat left;
  padding-left: 20px;
}


/* Voor de kop van de uitleg */
.uitleg-heading {
  font-size: 16px;
  color:#003680;
  font-weight: bold;
  text-align: left;
}

.highlightRow{
  background:rgba(70,154,22,0.8);
}

/* PrimeFaces componenten */

/* maak de border thin i.p.v. standaard 1. Hierdoor ontstaan er geen problemen bij resize */
.ui-widget-content {
  border: thin solid #a8a8a8;
}    

.ui-inputfield
,.ui-widget.ui-inputfield.ui-state-focus
,.ui-widget .ui-state-hover
, .ui-widget-content .ui-inputfield
, .ui-widget-header .ui-inputfield{
  box-shadow:none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: white;
}

.ui-inputswitch .ui-inputswitch-on, .ui-inputswitch .ui-inputswitch-off {
    background: #fdb813;
}

.ui-inputswitch .ui-state-hover {
    background: #b3d1df;
}

.ui-widget.ui-selectonemenu.ui-state-hover,
.ui-widget.ui-selectonemenu.ui-state-focus,
.ui-widget.ui-inputfield.ui-state-focus,
.ui-widget.ui-inputfield.ui-state-hover{
  border: 1px solid #003680;  
  box-shadow:none;

}


.ui-menu{
  border: none;
  padding: 0;
  margin: 0;
}

.ui-menu-list .ui-widget-header{
  border: 0px;
  text-transform: uppercase;
  background: #2a436d;
  color:#b3d1df;
  text-shadow: none; 
  font-size: 16px;
}

.ui-panel .ui-widget-header
,.ui-datepicker .ui-datepicker-header{
  border: 0px;
  background: #F5F5F5;
}

body .ui-menu .ui-menuitem-link{
   color: #fff;
   padding-left: 10px;
}

.center .ui-widget-content a {
    color: #003680;
    font-weight: bold;
}  

.ui-menu .ui-menuitem-link.menu-item-select{
  background-color: #b3d1df;
  border-bottom: 4px solid #fdb813;
  width:100%;
  color:black;
  box-sizing: border-box;
}

.ui-corner-all {
  -moz-border-radius: inherit;
  -webkit-border-radius: 0px; 
   border-radius: 0px; 
}

.ui-tabmenu-nav {
    background-color: #b3d1df;
}    

.ui-tabmenu.ui-widget-content{
  border: 0px;
}

.ui-corner-top {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px; 
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px; 
  border-top-right-radius: 0px; 
}

.ui-menu .ui-menu-list .ui-widget-header{
  width:100%;
}


.ui-menu .ui-menuitem-link.ui-state-hover{
  background:#b3d1df;
  color:black;
  font-weight:bold;
  text-shadow:none;
  box-shadow:none;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease; 
  transition: color 0.5s ease;
  width:100%;;
  box-sizing: border-box;   
}

.ui-button.ui-widget.ui-state-hover,
.ui-datepicker-current.ui-state-hover,
.ui-datepicker-close.ui-state-hover
 {
    background:#ebab12;
    color:white;
    font-weight:bold;
    text-shadow:none;
    box-shadow:none;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease; 
    transition: color 0.5s ease;
 }


 .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem
,.ui-tabs-header.ui-state-default {
  background: white;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active
,.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover
,.ui-tabs-header.ui-state-hover
,.ui-tabs .ui-tabs-header.ui-tabs-selected{
  background: #b3d1df;
  box-shadow: none;
}


 .ui-tabs .ui-tabs-header.ui-tabs-selected
,.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected 
,.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{
   border-bottom: 4px solid #fdb813;
}

.ui-panel, .ui-tabs {
  padding: 0;
}

.ui-widget-header,.ui-tabs .ui-tabs-nav {
  background: #F5F5F5;
}    

.ui-selectonemenu-list-item.ui-state-hover,
.ui-datatable .ui-paginator .ui-state-hover,
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover, 
.ui-paginator-page.ui-state-default.ui-state-active
,.ui-paginator-page.ui-state-default.ui-state-hover
, .ui-datatable.ui-widget thead th
, .ui-datatable.ui-widget tfoot td {
  background: #b3d1df;
  text-shadow: none;
  box-shadow: none;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  border: 1px solid #b3d1df;
  transition: color 0.5s ease;
}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default
,.ui-button.ui-widget
,.ui-datepicker-current.ui-state-default
,.ui-datepicker-close.ui-state-default
{   font-weight:bold;
    background: #fdb813;
    box-shadow: none;
    text-shadow: none;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px;
}

.ui-spinner .ui-widget.ui-spinner-button{
  padding: 0px;
}

/* datatabel opmaak */

.ui-datatable-even {
    background:#F5F5F5;
}

.ui-datatable-odd {
    background:white;
}

.ui-datatable .ui-datatable-header
,.ui-datatable .ui-paginator{
  border:none; 
}

 tbody.ui-datatable-data tr
,tbody.ui-datatable-data td{
  border:medium solid white;
}

.ui-datatable{
  border:thin solid #F5F5F5;
}

/* eind datatabel opmaak */

/*datepicker */
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
        color: #003680;
}
.ui-datepicker .ui-datepicker-header {
    background:white;
    color: #003680;
}

 .ui-datepicker .ui-datepicker-current-day .ui-state-highlight
,.ui-datepicker .ui-datepicker-current-day .ui-state-default 
,.ui-datepicker .ui-datepicker-calendar .ui-state-hover{
    text-shadow:none;
    background:#b3d1df;
}