body{
  font: 10pt Arial;
  background: #fff;
}

table.kit.form{
  width: 100%;
}
table.kit.form th.caption{
  text-align: left;
  vertical-align: middle;
  padding-right: 2px;
  width: 1%;
  white-space: nowrap;
}
table.kit.form tr.both th{
  text-align: left;
}

div.kit.widget{
  position: relative;
  padding: 1px;
}
table.kit.form tr.multi div.kit.widget{
  display: inline-block;
}

div.kit.widget.disabled input{
  color: #888;
}
#burgStaat1-caption-row > th > label:after,
#burgStaat2-caption-row  > th > label:after,
#verkoopopbrengst-caption-row > th > label:after,
div.kit.widget.enabled.required.conditional:after,
div.kit.widget.enabled.required:after,
div.kit.list table.list-table th.kit.enabled.required:after,
div.required-legend span.required{
  padding: 0 5px 0 5px;
  color: #06b;
  font-weight: bold;
  font-size: 125%;
}

#burgStaat2-caption-row > th > label.not-required:after,
div.kit.widget.enabled.required.conditional.not-required:after{
  color: #eee;
}

/*
div.kit.widget.enabled.required.conditional:after{
  color: #eee;
}
div.kit.widget.enabled.required.conditional.error:after{
  color: #06b;
}
div.kit.widget.enabled.required.conditional.changed:after{
  color: #06b;
}*/

div.kit.widget.show-only{
  font-weight: bold;
  padding: 5px 1px;
}
div.kit.widget label{
  padding-right: 10px;
}
div.kit.widget span.trailer{
  font-style: italic;
  color: #00f;
  padding-left: 5px;
}

div.kit.widget.int input,
div.kit.widget.float input,
div.kit.widget.money input,
div.kit.widget.date input,
div.kit.widget.time input,
div.kit.widget.duration input,
div.kit.widget.datetime input{
  text-align: right;
}
div.kit.widget.error-constraint input,
div.kit.widget.error-constraint select,
div.kit.widget.error-constraint textarea,
div.kit.widget.error-constraint label{
  background-color: #fdf;
}
div.kit.widget.error > input,
div.kit.widget.error > select,
div.kit.widget.error > textarea,
div.kit.widget.error > label,
div.kit.widget.error.radio,
body.file form.error #file{
  background-color: #fdd;
}

div.kit.widget div.option{
  padding-right: 5px;
}

div.kit.widget.check div.legend{
  border: 1px dotted #bbb;
  background: #eee;
  font-size: 80%;
  padding: 2px;
  margin: 5px 0;
}
div.kit.widget.check{
  padding-right: 30px;
  display: inline-block;
}
div.kit.widget.check input.help{
  position: absolute;
  right: 0;
  top: 0;
}

div.kit.widget.datetime input.time{
  margin-left: 5px;
}

body.file div.busy{
  display: block;
  width: 200px;
  height: 12px;
  background: #bbb;
  padding: 2px;
}
body.file div.busy div{
  background: url(../gfx/busy.gif) repeat-x;
  height: 100%;
}
body.file input.download{
  background: none;
  border: none;
  padding: 0;
  color: #00f;
  text-decoration: underline;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 360px;
}
div.kit.widget.file.parallel{
  padding: 15px;
}
div.kit.widget.file.parallel div{
  width: 50vh;
  margin-bottom: 15px;
}
div.kit.widget.file.parallel img{
  width: 50vh;
  height: 50vh;
}

div.kit.widget.list table,
div.kit.widget.table table.table{
  border: 1px solid #bbb;
}
div.kit.widget.list th,
div.kit.widget.table th{
  background: #def no-repeat 99%;
  padding: 1px 2px 2px 2px;
}

div.kit.widget.list tbody,
div.kit.widget.table div.data-div{
  background: #fff;
}
div.kit.widget.list tbody tr:nth-child(odd),
div.kit.widget.table tbody tbody tr:nth-child(odd){
  background: #eee;
}
div.kit.widget.list tbody tr.changed{
  background: #ffe;
}
div.kit.widget.list tbody tr.changed:nth-child(odd){
  background: #eed;
}
div.kit.widget.list th.list-buttons,
div.kit.widget.list td.list-buttons{
  text-align: right;
}
div.kit.widget.list th.list-buttons div.file{
  padding: 0 3px;
  background: #bbb;
}
div.kit.widget.list tbody td,
div.kit.widget.table tbody tbody td{
  padding: 1px 2px 0 2px;
  vertical-align: middle;
}
body.touch div.kit.widget.table tbody tbody td{
  height: 40px;
}
div.kit.widget.table tbody tbody tr:nth-child(odd) td{
  background: rgba(200,200,200,0.1);
  background: linear-gradient(to right,rgba(100,100,100,0.1) 0%,rgba(255,255,255,0.1) 100%);
}
div.kit.widget.table  tbody tbody tr:nth-child(even) td.order-by{
  background: rgba(140,200,255,0.1);
}
div.kit.widget.table tbody tbody tr td.loading{
  background: url(../gfx/loading.png) no-repeat center;
  height: 40px;
}
div.kit.widget.table table.table{
  width: 100%;
}
div.kit.widget.table th:last-child{
  padding-right: 20px;
  background-position: right 20px center;
}
div.kit.widget.table th.order-by{
  padding-right: 10px;
}
div.kit.widget.table th.order-by.asc{
  background-image: url(../gfx/order_asc.png);
}
div.kit.widget.table th.order-by.desc{
  background-image: url(../gfx/order_desc.png);
}
div.kit.widget.table thead tr.search div{
  position: relative;
  white-space: nowrap;
}
div.kit.widget.table thead tr.search input{
  border: 1px solid #bbb;
  background: #fff no-repeat 2px center;
}
div.kit.widget.table thead tr.search input.empty{
  background-image: url(../gfx/search.png);
}
div.kit.widget.table thead tr.search div.multi input.empty{
  background-image: url(../gfx/search_multi.png);
}
div.kit.widget.table thead tr.search div.from input.empty{
  background-image: url(../gfx/search_from.png);
}
div.kit.widget.table thead tr.search div.to input.empty{
  background-image: url(../gfx/search_to.png);
}
div.kit.widget.table thead tr.search div input.empty:focus{
  background-image: none;
}
div.kit.widget.table thead tr.search th div.multi:last-child{
  opacity: 0;
  max-height: 0;
  transition: all 3s ease-in;
}
div.kit.widget.table thead tr.search th div.multi:first-child,
div.kit.widget.table thead tr.search th:hover div.multi{
  opacity: 1;
  max-height: 25px;
  transition: all 0.5s ease;
}
div.kit.widget.table thead tr.search th div.options{
  background: url(../gfx/search.png) no-repeat;
  min-height: 16px;
}
div.kit.widget.table thead tr.search th div.options input{
  width: auto;
}
div.kit.widget.table thead tr.search th div.options div{
  display: none;
}
div.kit.widget.table thead tr.search th div.options div.checked,
div.kit.widget.table thead tr.search th:hover div.options div{
  display: block;
  background: #def;
}
div.kit.widget.table thead tr.search th:hover div.options{
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 1;
  background: #def;
  border: 1px solid #bbb;
  box-shadow: 2px 4px 8px #999;
}
div.kit.widget.table tbody tbody tr.link:hover td,
div.kit.widget.table tbody tbody tr.key:hover td,
div.kit.widget.table tbody tbody tr.selected td{
  background: #ffb;
}
div.kit.widget.list tbody div.kit.widget.check{
  padding-right: inherit;
  text-align: center;
}
div.kit.widget.table tfoot tr.total{
  white-space: nowrap;
}
div.kit.widget.table div.download{
  margin-top: 5px;
}
div.kit.widget.table div.download select{
  margin: 0 5px;
}
div.kit.widget.table thead div.preset{
  padding: 0 3px;
}
div.kit.widget.table thead div.preset:hover{
  background: #bbb;
}

div.required-legend{
  border: 1px dotted #bbb;
  background: #eee;
  font-size: 80%;
  padding: 2px;
  margin: 5px 0;
}

div.ui-dialog.no-title div.ui-dialog-titlebar{
  display: none;
}
div.ui-dialog.no-title,div.ui-dialog.no-title div.ui-dialog-content{
  padding: 0;
  border: none;
  border-radius: 0;
}

button.ui-datepicker-trigger{
  background: url(../gfx/calendar.gif) 0 3px no-repeat;
  border: none;
  width: 14px;
  margin-left: 5px;
}
td.ui-datepicker-week-col{
  text-align: center;
}

div.action-buttons{
  /*margin-top: 10px;*/
}

div.status{
  font-weight: bold;
  font-size: 125%;
  margin: 10px;
}
div.status ul{
  font-size: 80%;
  list-style: disc outside;
  line-height: 1.5em;
  margin-left: 20px;
}
div.status div{
  position: relative;
  padding: 2px 30px 2px 40px;
  margin: 0 5px 8px 0;
  box-shadow: 2px 4px 6px rgba(0,0,0,.5);
  line-height: 32px;
  color: #080;
  border: 2px solid #080;
  border-radius: 8px;
  background: #dfd url(../gfx/status.png) no-repeat 5px center;
}
div.status div.warning{
  color: #f80;
  border-color: #f80;
  background-color: #fed;
  background-image: url(../gfx/warning.png);
}
div.status div.error{
  color: #800;
  border-color: #800;
  background-color: #fdd;
  background-image: url(../gfx/error.png);
}
div.status div span.close{
  position: absolute;
  right: 8px;
  top: 0;
  cursor: pointer;
}
div.status.area{
  position: fixed;
  left: 0;
  right: 0;
  top: 5px;
  text-align: center;
}
div.status.area > p{
  margin: 0;
}
div.status.area div{
  display: inline-block;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

div.kit.widget div.hint,
div.kit.row-hint{
  box-shadow: 2px 4px 8px #999;
  border-radius: 5px;
  margin-top: 5px;
}
div.kit.widget div.hint:before,
div.kit.row-hint:before{
  content: '\00a0';
  display: block;
  position: absolute;
  z-index: 9999;
  top: -20px;
  left: 15px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #888;
}
div.kit.widget div.hint:after,
div.kit.row-hint:after{
  content: '\00a0';
  display: block;
  position: absolute;
  z-index: 9999;
  top: -18px;
  left: 16px;
  width: 0;
  height: 0;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #ffc;
}
div.kit.widget div.hint.error:after{
  border-color: transparent transparent #fdd;
}

#jsNotice{
    background-color: #ffffcc;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border: 2px solid black;
    padding-top: 20px;
    padding-bottom: 20px;
}