/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 28, 2015, 11:10:46 AM
    Author     : anthony
*/


.ui-dialog .ui-dialog-title {width:80%}
.ui-dialog .ui-dialog-titlebar-hide {
  position: absolute;
  right: 30px;
  top: 3px;
  width: 20px;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-titlebar-close{
  position: absolute;
  right: 4px;
  top: 3px;
  width: 20px;
  margin:0px;
  padding: 1px;
  height: 20px;
}

.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}

.ui-icon-hidethick {
  background-position: -64px -0px;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.ui-widget-content a {
  color: inherit;
  color: #23527c;
  text-decoration:underline;
  cursor:pointer;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea
 {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:auto;
}
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
}
.ui-widget button.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;    
}

.dataTables_wrapper .edit,
.dataTables_wrapper .select,
.dataTables_wrapper .editcolumn,
.dataTables_wrapper .deletecolumn,
.dataTables_wrapper .delete {width:20px !important}
.dataTables_wrapper .id {width:40px !important}


/*datatables switching naar font-awsome*/
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	font-size:140%;
	margin-top:-5px;
	margin-left:3px;
}
.yui3-arkiadbtable {
    padding-right:10px
}
table.dataTable td {
	border-right:1px dotted silver;
}

table.dataTable tr:first-child {
	border-left:1px dotted silver;
}

.dataTables_scrollBody th div.dataTables_sizing {
    font-size: 100% !important;
}

#datasection table.dataTable thead th, #datasection  table.dataTable  thead td {padding-left:10px;padding-right: 10px}
#datasection table.dataTable tbody th, #datasection  table.dataTable  tbody td {padding-left:10px;padding-right: 10px}

.selectize-input {padding:1px 0px }
.selectize-dropdown {z-index:1000000000}

.ui-datepicker .ui-state-highlight {background-color:#ff6600 !important;background:none;color:white}