/*
** A better font.
*/
* {
  font-family: 'Arial', sans-serif;
  border-radius: 0px !important;
}

/*
** Add some space to the content of tabs.
*/
.tab-pane {
  padding-top: 10px;
}


/*
** Checkbox font size
*/
.checkbox, .checkbox * {
  font-size: 14px !important;
}

/*
** div.page-header
*/
div.page-header {
  border-left: 5px solid #eee;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding-bottom: 5px;
}
div.page-header * {
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

/*
** Disable selection on labels
*/
.checkbox, .checkbox * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
** Table, theads
*/

.table-expand {
  width: 100% !important;
}

thead {
  background-color: #F5F5F5;
  font-weight: 600 !important;
}

tr.light, td.light, th.light {
  background-color: #FAFAFA;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #FAFAFA;
  border-bottom: 1px solid #DDD;
}
.table-hover > tbody > tr:hover {
  background-color: #FAFAFA;
}

.pagination, .pagination * {
  cursor: pointer !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.paginate_button:not(.disabled) a {
  color: black !important;
}

.paginate_button a.active,
.paginate_button a.active:hover,
.paginate_button a.active:link,
.paginate_button a.active:visited,
.paginate_button a.active:active
{
  background-color: #FAFAFA !important;
}

.paginate_button a,
.paginate_button a:hover,
.paginate_button a:link,
.paginate_button a:visited,
.paginate_button a:active
{
  background-color: #F5F5F5 !important;
  border: 1px solid #DDD;
}

.pagination *.active {
  background-color: #FAFAFA !important;
}

.paginate_button.active {
  background-color: #FAFAFA !important;
}

.paginate_button.active a {
  background-color: #FAFAFA !important;
  border: 1px solid #DDD !important;
}

.paginate_button.active a:hover {
  background-color: #FAFAFA;
  border: 1px solid #DDD;
}



/*
** Select 2
*/
.select2-results .select2-highlighted {
  color: black !important;
  background-color: #F5F5F5;
}

/*
** DatePicker
*/
.datepicker * {
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker thead {
  background-color: #F5F5F5;
  font-weight: 400 !important;
}

.datepicker thead th {
  font-weight: 400 !important;
}

.datepicker thead th.dow {
  background-color: #FAFAFA;
  font-weight: 400 !important;
}

.datepicker *.active,
.datepicker *.active:hover {
  color: black !important;
  background-color: #F5F5F5 !important;
  border: 1px solid #DDD !important;
  background-image: none !important;
}

/*
** Labels, inputs and selects have the same font size...
*/
label, input, select, option {
  font-size: 14px !important;
}

/*
** Icons, Labels
*/
span.glyphicon, span.label, img {
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
** Fullcalendar.io
*/