/* CSS Document */

body, html 
{
	position: 				absolute;
	overflow: 				hidden;
	height: 				100%;
	width: 					100%;
	padding: 				0px;
	margin: 				0px;
	
	color: 					#ffffff;
	font-family: 			"quicksandlight";
}

.red						{	color: #FF5D5F;	}
.green 						{	color: #5DFF8D;	}
.orange						{	color: #FF8F5D;	}
.login_error
{
	color: 					#740001;
	border: 				#000000;
	background-color: 		#C7C7C7;
	padding: 				20px;
	border-radius: 			20px;
	font-size: 				90%;
}
.hide
{
	display: 				none;
}
#noscript
{
	display: 		block;
	position: 		absolute;
	width: 			300px;
	height: 		auto;
	
    top: 			200px;
    bottom: 		0;
    left: 			0;
    right: 			0;

    margin: 		auto; 	
	overflow: 		visible;
	padding: 		10px;
	padding-right: 	20px;
	
	background-color: rgba(231,231,231,1.00);
	color: 			#ff1010;
	font-size: 		150%;
	border: 		#9B8A00 1px solid;
	border-radius: 	1px;
	box-shadow: 	3px 3px 10px 0px rgba(0,0,0,0.5);
	
	z-index: 		999999;
}
#noscript
{
	position: 		relative;
}

.siteheader
{
	position: 		relative;
	display: 		table-cell;
	height: 		20px;
	
}
.siteheader_logo
{
	height: 		40px;
	padding: 		5px 5px 5px 15px;
}
div[role=dialog]
{
	box-shadow: 			3px 3px 10px 0px rgba(0,0,0,0.5);
}
input[type="submit"]
{
	display: 			inline-block;
	border-radius: 		0px;
	
    -webkit-appearance: none; 
    -moz-appearance: 	none; 

	background-color: 	rgba(133,133,133,1.00);
	padding: 			3px 10px 3px 10px;
	border: 			#9B8A00 1px solid;
	color: 				#000000;
	transition: 		0.5s all;
}

input[type="submit"]:hover
{
	background-color: 	rgba(31,31,31,1.00);
	color: 				#ffffff;
	
	border: 			#E0C802 1px solid;
	cursor: 			pointer;
}
input[type="text"], input[type="password"]
{
	font-size: 			110%;
	padding: 			2px;
}
.box_page
{
	background-color: 		#1F1F1F;
	position: 				absolute;
	top: 					0px;
	left: 					0px;
	right: 					0px;
	bottom: 				0px;
	width: 					100%;
	height: 				100%;
	display: 				table;
	overflow: 				hidden;
	
}
.box_page > .row1
{
	position: 				relative;
	display:  				table-row;
	width: 					100%;
	height: 				1px;
	
}
.box_page > .row2
{
	position: 				relative;
	display:  				table-row;
	width: 					100%;
}
.box_page > .row3
{
	position: 				relative;
	display:  				table-row;
	background-color: 		#1F1F1F;
	width: 					100%;
	height: 				10px;
	
}
#box_copyright, .box_page > .row3 > .mandant
{
	float: 					right;
	margin-top: 			5px;
	margin-bottom: 			5px;
	margin-right: 			20px;
	font-size: 				100%;
	color: 					#7A7A7A;
}
.box_page > .row3 > .mandant a
{
	color: 					#7A7A7A;
	text-decoration: 		none;
	cursor: 				pointer;
}
.box_page > .row3 > .mandant a:hover
{
	text-decoration: 		underline;	
}
.box_page > .row3 > .mandant
{
	float: 					left;
	margin-left:			20px;
}
.box_navigation
{
	position: 				relative;
	background-color: 		#323232;
	display: 				table-cell;
	
	/* border-bottom: 			1px solid #4B4B4B; */
}

.box_desktop
{	
	display: 				table-cell;
	background-color: 		#787878;	
	
	overflow: 				auto;
}

.box_menue_item
{
	padding: 				4px;
	display: 				inline-block;
}
.menuehead.logout
{
	float: 					right;
}


#main_menu ul li
{
	color: 					#ffffff;
	padding-left: 			10px;
	padding-right: 			10px;
	padding-top: 			3px;
	padding-bottom: 		1px;
	margin: 				1px;
	text-decoration: 		none;
}
#main_menu ul li a, .ui-menu > li > a
{
	text-decoration: 		none;
	font-size: 				110%;
	
	text-overflow: 			ellipsis;
	white-space: 			nowrap;
	overflow: 				hidden;
}
#main_menu a.ui-menu-item-wrapper.ui-state-active
{
	background-color: 		#2D2D2D;
}
#main_menu a.ui-menu-item-wrapper.ui-state-active.menuehead
{
	background-color: 		#1F1F1F;
	border: 				1px solid #606060;
}
#main_menu ul.ui-widget.ui-widget-content
{
	border-color: 			rgba(0,0,0,0.00);
}

#main_menu ul li a.ui-state-active
{
	background-color: 		#282828;	
}
#main_menu ul .ui-menu
{
	background-color: 		#363636;
	margin: 				0px;
	border: 				1px rgba(81,81,81,1) solid;
}
#main_menu ul.ui-front
{
	z-index: 				999999;
}
#main_menu
{
	border: 	none;
}
#main_menu.ui-widget-content
{
	background-color: 		#323232;
}
table.DataTable tr td
{
	vertical-align: 		baseline;
}

table.DataTable tr[file_download]:hover, table.DataTable tr[divobjlistrow]:hover
{
	cursor:					pointer;
	background-color: 		rgba(255,255,255,0.2);
}
table.DataTable textarea
{
	width: 					99%;
	height:					100px;
}
.data_table.FormListe table, .data_table.divobjlist table
{
	border-spacing: 		0px;
    border-collapse: 		collapse
}
.data_table table td .erstellt
{
	font-size: 				60%;
	line-height: 			8px;
}
#main_menu li .status
{
	display: 				inline-block;
	width: 					20px;
}

.hide
{
	display: 				none;
}
.form_foto_input
{
	position:				absolute;
	top: 					0px;
	bottom:					0px;
	left:					0px;
	width: 					0px;
	
	transition: 			all 1.5s ease;
	overflow: 				hidden;
	background-color: 		rgba(229,229,229,0.59);

}
.form_foto_input.vertical
{
	position: 				relative;
	width:					100%;
	height: 				0px;
	background-color: 		transparent;
}
.Form_Foto.add_button .icon-pen2
{
	font-size: 				90%;
}
.form_foto_input input[type="file"]
{
	display: block;
	margin: auto;
	width: auto;
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
	
	border-radius: 10px;
}
.form_foto_input.show
{
	width:					100%;
}
.form_foto_input.show.vertical
{
	height:					45px;
}
textarea
{
	padding-left: 			5px;
}
.clickliste > div
{
	
}
.clickliste > div:hover
{
	text-decoration: 		underline;
	cursor: 				pointer;
	color: 					#FFE69F;
}

.file_sub_date
{
	font-size: 				100%;
}
div.data_table.divobjlist tr[item_row], div.data_table.FormListe tr[item_row]
{
	font-size: 				80%;
	border-bottom: 			1px rgba(255,255,255,0.47) dotted;
}
div.data_table.divobjlist tr[item_row]:last-child, div.data_table.FormListe tr[item_row]:last-child
{
	border-bottom: 			none;
}
div.data_table.divobjlist tr[item_row] td, div.data_table.FormListe tr[item_row] td
{
	padding-top: 			4px;
}
tr[item_row][cl_Name="bewerbung"][cl_func="gf"] td:first-child
{
	
}

.DataTable tr.plan_serie .disabled input, .DataTable tr.plan_serie .disabled checkbox
{
	pointer-events: 		none;
	background-color: 		rgba(0,0,0,0.23);
	cursor: 				default;
}
.DataTable tr.plan_serie .disabled
{
	user-select: 			none;
}

.DataTable tr.plan_serie .container_edit
{
	position: 		absolute;
	right: 			0px;
	top: 			5px;
}

.DataTable tr.plan_serie .container_edit span[class^="icon-"], .DataTable tr.plan_serie .container_edit span[class*="icon-"]
{
	display: 		inline-block;
	transition: 	color 1s ease;
	transition: 	background-color 1s ease;
	cursor: 		pointer;
	padding: 		3px;
	background-color: 	rgba(0,0,0,0.00);
	color: 				rgba(0,0,0,0.93);
}
.DataTable tr.plan_serie .container_edit span[class^="icon-"]:hover, .DataTable tr.plan_serie .container_edit span[class*="icon-"]:hover
{
	background-color: 	rgba(0,0,0,0.61);
	color: 				rgba(255,255,255,0.90);
}

tr[item_row][cl_Name="bewerbung"][cl_func="gf"].blocked
{
	cursor: 				default;
}
tr[item_row][cl_Name="bewerbung"][cl_func="gf"].blocked td
{	
	color: 					rgba(255,255,255,0.5);
    font-style: 			italic;

    background-image: 		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4JST0HwAFRgIefzRCKwAAAABJRU5ErkJggg==');
    background-repeat: 		repeat-x;
    background-position: 	50% 40%;	
}
tr[item_row][cl_Name="bewerbung"][cl_func="gf"].blocked td:first-child:after
{
	color :					red;
	opacity: 				1;
	content:				'\A Datei wurde gesperrt';
	white-space: 			pre;
}
tr[item_row][cl_Name="bewerbung"][cl_func="gf"].blocked td:last-child span
{
	display: 				none;
}
.Bewerberpool
{
	display: 				inline-block;
	position: 				relative		!important;
	vertical-align: 		top			 	!important;
	width:					250px;
}
div.data_table tr[unreaded] td:first-child:after
{
	content: 				'   NEU';
	color: 					rgba(121,0,2,1.00);
	font-size: 				60%;
	vertical-align: 		super;
}

.data_table.data_table_tier
{
	padding-top: 0px !important;
}

.data_table div
{
	user-select: none;
}

[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: 60%;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  filter: drop-shadow(1px 2px 3px #000000);
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #F5F3E6;
  color: #000000;
  z-index: 99;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top-right"]::before{
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #F5F3E6;
}
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after,
[data-tooltip][data-flow="top-right"]::after
{
  bottom: calc(100% + 5px);
}
[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
          transform: translate(-50%, -4px);
}

[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top-right"]::before,
[data-tooltip][data-flow="top-right"]::after {
  left: 90%;
  -webkit-transform: translate(-90%, -4px);
          transform: translate(-90%, -4px);
}
[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #F5F3E6;
}
[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
}
[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #F5F3E6;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #F5F3E6;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}
div[fi_type=MULTISELECT_WINDOW] .MultiselectItem input[datepicker], div[fi_type=MULTISELECT_WINDOW] .MultiselectItem .ui-datepicker-trigger, div[fi_type=MULTISELECT_WINDOW] .MultiselectItem .extra_fields
{
	display: none ;
}
.MultiselectItem .ui-datepicker-trigger
{
	display: 	none;
}
.MultiselectItem input[datepicker]
{
	padding-top: 			1px !important;
	padding-bottom: 		1px !important;

	font-size: 				90%;
}
.MultiselectItem .extra_fields
{
	padding-top: 			1px;
	padding-bottom: 		1px;
	
	position: 				absolute;
	right: 					20px;
	top: 					3px;	
}
.hide_extra_fields .MultiselectItem .extra_fields
{
	display: 		none;
}