/*----------------------------------------------------------------------------*\
	# Variablen
\*----------------------------------------------------------------------------*/
/*
 *
 * Hier zitten alle waardes in die in de hele style sheet veranderd kan worden.
 * Als je een eigen kleur wilt hebben dan moet je een kopie maken van de
 * manager_style.scss en daar de waardes overschrijven.
 *
 */
/*----------------------------------------------------------------------------*\
	# Kleuren
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Base
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Misc
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Form
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Button
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Busy spinner
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Tables
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Normal/default table
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Condensed/small table
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Paginanummering
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Tabs
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Boomstructuur
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Language Selector
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Calendar
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Popup window
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Messagebox
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Manager variablen
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Manager Header
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Manager container
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# Manager Misc
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	# jQuery style overrides voor de manager
\*----------------------------------------------------------------------------*/
.ui-widget {
  font-family: "SegoeUIRegular", Helvetica, "Arial", sans-serif;
  font-size: 1em;
}

.ui-widget-overlay {
  background: rgba(87, 87, 87, 0.5);
  box-shadow: 0px 0px 50px 8px #575757 inset;
  opacity: 1;
}

.ui-widget-content {
  background: #fff;
}

.ui-widget-header {
  background: #00BFBF;
  border: 0px;
}

.ui-button.ui-widget {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #6D7676;
  border: 1px solid #616969;
  border-radius: 3px;
  box-shadow: 0px 0px 1px rgba(87, 87, 87, 0.5);
}

.ui-dialog {
  padding: 0px;
  border: 0px;
  box-shadow: 2px 2px 10px 4px rgba(87, 87, 87, 0.5);
}
.ui-dialog .ui-widget-header.ui-dialog-titlebar {
  color: #303030;
  background: #e1f5f5;
  border: 0px;
}
.ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-button .ui-icon {
  background-image: url("/framework/vendor/jquery-ui/1.11/images/ui-icons_ffffff_256x240.png");
}
.ui-dialog .ui-button.ui-widget.ui-state-default.ui-dialog-titlebar-close {
  border: 1px solid #333333;
  background: #333333;
  box-shadow: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  min-width: 100px;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child {
  border-color: #ea4a10;
  background: #F05A23;
}

.ui-datepicker .ui-datepicker-prev.ui-corner-all.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-corner-all.ui-state-hover {
  background: #e1f5f5;
  border: 1px solid #00BFBF;
}
.ui-datepicker .ui-datepicker-prev.ui-corner-all.ui-state-hover .ui-icon,
.ui-datepicker .ui-datepicker-next.ui-corner-all.ui-state-hover .ui-icon {
  background-image: url("/framework/vendor/jquery-ui/1.11/images/ui-icons_222222_256x240.png");
}
.ui-datepicker .ui-state-default {
  color: #303030;
}
.ui-datepicker .ui-state-default.ui-state-highlight {
  color: #303030;
  background: #e1f5f5;
  border: 1px solid #00BFBF;
}
.ui-datepicker .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker .ui-state-default.ui-state-active {
  color: #fff;
  background: #00BFBF;
  border: 1px solid #e1f5f5;
}
.ui-datepicker .ui-state-default.ui-state-hover {
  color: #303030;
  background: #e1f5f5;
  border: 1px solid #00BFBF;
}