body {
    background-color: #f3f3f3;
    font-size: 12px;
    font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;
}

    @media only screen and (max-device-width : 1024px) {
        body {
            font-size: 8px;
        }
    }


h1 {
    border-bottom: 1px solid #AFAFAF; 
    font-size:  16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link {
  color: #154273;
  font-weight : bold;
  text-decoration: none;
  border:none !important;
}

a:visited {
  color: #696969;
  font-weight : bold;
  text-decoration: none;
  border:none !important;
}

a:link:hover, a:visited:hover  {
  color: #045491;
  font-weight : bold;
  text-decoration : none;
  border:none !important;
}

a.topmenu-wit {
    color:white;
    font-size: 16px;    
    font-weight: bold;
    text-decoration: none;

    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

a.topmenu-wit:hover, a.topmenu-blauw:hover{
    color:black;
    background-color: #d9ebf7;
}

a.topmenu-blauw {
    color:black;
    font-size: 16px;
    background-color: #d9ebf7;
    font-weight: bold;
    text-decoration: none;
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}


div.topmenu01 {
    background-color:#007bc7;
    width:100%;
    height:30px;
}

div.topmenu02 {
    background-color:#007bc7;
    width:100%;
    height:20px;
}

div.topmenu03 {
    background-color:#d9ebf7;
    width:100%;
    height:10px;
}


.ui-layout-unit, .ui-layout-unit-content {
   border:none;
   margin: 0px;
   outline-width: 0px;
}
.ui-layout-unit-content {
   background-color: transparent;
}

.ui-tabmenu-nav .ui-tabmenu-item .darkBlue{
    background:#007bc7;    
}

.ui-commandlink .ui-commandlink:hover{
    text-decoration: none;
}

.ui-message-error, .ui-state-error {
    background: none;
    background-image: none;
    border: none;
    color: black;
}

.no-background-force {
    background: none !important;
    background-image: none !important;
    border: none !important;    
    color: black !important;
}

.ui-messages-error {
    background-color: #f2bfbb;
    border-color: #f2bfbb;
    color: black !important;
}

.ui-state-error, .ui-widget-content .ui-state-error {
    background-color: #f2bfbb;
    color: #e70022;
}

.ui-chkbox .ui-chkbox-icon .ui-chkbox-box {
    background-image: none;
    background-color: white;
    border: 1px solid #d9ebf7;
}

.ui-datatable-even {
}

.ui-datatable-odd {
    background: none repeat scroll 0 0 #d9ebf7;
}

td, th {
    vertical-align: top;
}

.blueBorder {
    background-color: #d9ebf7;
    border: 9px solid #d9ebf7;    
}

.relatieTypeStandaardAchtergrond {
    background-color: #b2d7ee;    
    border: 10px solid #b2d7ee;
}

.veldGeenError,
.zoekBox {
    background-color: white;
    border: 6px solid white;
}

.veldError,
.zoekBoxError {
    background-color: #f2bfbb;
    border-color: #f2bfbb;
    color: #e70022;
    border: 6px solid #f2bfbb;  
}

.ui-accordion .ui-accordion-header {
    background: #d9ebf7 url("/DAS-web/faces/javax.faces.resource/images/ui-bg_glass_75_d9ebf7_1x400.png?ln=primefaces-dastheme") repeat-x scroll 50% 50%;    
}

.downloadButton {
    background-image: url(../../../resources/images/downloaden_24px.png)
}

.ui-blockui-content {
 background-image: none !important; 
 background-color: transparent !important; 
 box-shadow: none !important; 
 border: none !important;
}

.error-bg {
    background-color: #f2bfbb !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-steps .ui-steps-item {
    width: 24%;
}

.ui-state-highlight {
    text-shadow: none !important;
}

.ui-steps.custom {
    margin-bottom: 30px;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link {
    height: 10px !important;
    padding: 0 1em;
}

.ui-steps.custom .ui-steps-item .ui-steps-number {
    background-color: #0081c2;
    color: #FFFFFF;
    display: inline-block;
    width: 30px;
    border-radius: 10px !important;
    margin-top: -10px;
    margin-bottom: 10px;
}

.ui-datatable thead th {
    text-align: left !important;
}

.fileupload-overzicht > div {
    border: 0px;
    padding: 0px;
    background: transparent;
}