

body  {
    font-size: 8pt;
    font-family: verdana;
	background-color : #ffffff;
	font-weight: normal;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding: 0px;		
}

body.cursorProgress *{
	cursor: progress;
}
body.cursorAuto *{
	cursor: auto;
}

.clear {
	clear: both;
	display: block;
	height:0;
	width: 0;
	border: none;
	overflow: hidden;
	line-height: 0;
}

	table {
		color : #000;
	}
@media screen {
	body  {
		/*
		border:2px solid #147C82;
		*/
	}
	
}

@media print {
	body  {
		border:none;
	}
	table {
		border:none;
	}
	input {
		border:none;
	}
}

.textType 
{
	background-color : #1cb72f;	
	font-weight: bold;	
}

.favor_back 
{
	background-color: #FBFFBA;
	
	color: #000000;
	
}

.chosen
{
	background-color: #FBFFBA;
	color: #000000;
	text-decoration:underline;
}

.hr_line 
{
	color: 756e75 !important;	
	color_OFF: #1fad00;	
}

fieldset {
	padding-right: 3px;
}
legend {
    font-size: 8pt;
    font-family: verdana;	
	font-weight: bold;    
    color: #000022;
}

.bold {
	font-weight: bold !important;
}




.mylink {
	color: blue;
	cursor: hand;
	text-decoration: underline;	
}

sup {
	font-size: 8pt;
}


.disable {
	background-color: #eeeedd;
	color: #444444 ! important;
}

.mylabel {
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding-top: 7px;
}

.requiredlabel {
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding-top: 7px;
	font-weight: bold;
}

.noactive {
	background-color: buttonface;
	color: #555555;
}

.noactive2 {
	background-color: #dddddd;
	color: #222222;
}

.active {
	background-color: #ffffff;
	color: #000000;
}

.button_big {
	background-color: #ddddff;
	border: 1px solid #777777;	
	cursor: hand;
	padding: 5px;
}

.button_big_over {
	background-color: #ffffff;
	border: 1px solid #000000;	
	cursor: hand;
	padding: 5px;
}

.calendarTable {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color : #ffffff;
	font-size: 8pt;
}

.calendarTable table{
	border: 1px solid #000000;	
}

.calendarTable th {
	font-family: Verdana;
	font-size: 10pt;
	white-space: nowrap;	
	padding: 3px;
	
	background-color:#CBE4E3;
	font-weight: bold;
	text-align: center;
	cursor: default;
	empty-cells: show;
	color:black ;
	
}


.calendarTable td {
	border: none;
	empty-cells: show;
	cursor: default;
	vertical-align:top;
	color:black ;
}


.mytable2 mytable
{
    width:100%;
}

.mytable {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color : #ffffff;
	font-size: 8pt;
}
.mytable td {
	border: 1px solid #000000;
	empty-cells: show;
	cursor: default;
	vertical-align:top;
	/*color:black;*/
}


.mytable td.solidrig {
	border: 1px solid #000000;
	border-left: 4px solid #000000;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	empty-cells: show;
}
.mytable th {
	font-family: Verdana;
	font-size: 8pt;
	white-space: nowrap;
	border: 1px solid #000000;
	padding: 3px;
	border-color:#000000;	
	background-color:#CBE4E3;
	font-weight: bold;
	text-align: left;
	cursor: default;
	empty-cells: show;
	cursor:pointer;
	color:black;
}

.mytable th:first-letter {
	text-transform: uppercase;
}


.b_right {
	font-weight: bold;
	text-align: right;
}


.no_padding {
	padding: 0px;
	border: 0px;
}


.solidrig {
	padding: 0px;
	background-color: black;
}
.mytable2 th {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	font-family: Verdana;
	font-size: 8pt;
	padding: 3px;
	border-color:#000000;
	background-color:#d0d0ef;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

.up_first:first-letter {
	text-transform: uppercase;
}

.tb_separator
{
	BORDER-RIGHT: buttonshadow solid 1px;
	BORDER-LEFT: buttonhighlight solid 1px;
	FONT-SIZE: 0px;
	TOP: 1px;
	HEIGHT: 16px;
	WIDTH: 1px;
}
.tb_toolbar
{
    background-color: buttonface;
    border-bottom: buttonshadow solid 1px;
    border-left: buttonhighlight solid 1px;
    border-right: buttonshadow solid 1px;
    border-top:  buttonhighlight solid 1px;
    height: 20px;
}

.tb_sizer
{
    background-color: buttonface;
    border-bottom: buttonshadow solid 1px;
    border-left: buttonhighlight solid 1px;
    border-right: buttonshadow solid 1px;
    border-top:  buttonhighlight solid 1px;
}

.tb_sizer_h
{
    background-color: buttonface;
    border-bottom: buttonshadow solid 1px;
    border-left: buttonhighlight solid 1px;
    border-right: buttonshadow solid 1px;
    border-top:  buttonhighlight solid 1px;
    height: 17px;
    width: 100%;
}
.tb_sizer_v
{
    background-color: buttonface;
    border-bottom: buttonshadow solid 1px;
    border-left: buttonhighlight solid 1px;
    border-right: buttonshadow solid 1px;
    border-top:  buttonhighlight solid 1px;
    text-align: center;
    height: 100%;
    width: 17px;
}



.down_panel {
    background-color: buttonface;
    border-bottom: buttonhighlight solid 1px;
    border-left: buttonshadow solid 1px;
    border-right: buttonhighlight solid 1px;
    border-top:  buttonshadow solid 1px;
}


.down_panel_button {
	text-align: right;
	padding: 5px;
    background-color: buttonface;
    border-bottom: buttonhighlight solid 1px;
    border-left: buttonshadow solid 1px;
    border-right: buttonhighlight solid 1px;
    border-top:  buttonshadow solid 1px;
}

.panel_button {
	text-align: right;
	padding: 5px;
	padding-right: 10px;	
	background-color:#147C82;
	color:white !important;

}

.panel_button span{
	color:white !important;
}

.button100px {
	width: 100px;
	white-space:nowrap;
}

.button150px {
	width: 150px;
}

.button70px {
	width:70px;
}


.select150px {
	width: 150px;
}

.select100px {
	width: 100px;
}

.input50px {
	width: 50px;
}


.down_div_menu {
    position: absolute;
    background-color: buttonface;
    border-bottom: buttonshadow solid 1px;
    border-left: buttonhighlight solid 1px;
    border-right: buttonshadow solid 1px;
    border-top:  buttonhighlight solid 1px;
    display: none;
}


.abutton 
{
	color: blue;
	text-decoration: none;
}

.abutton:hover
{
	color: blue;	
	text-decoration: underline;
}

.abutton:visited
{
	color: blue;
}









.p_mytable {
	border-collapse: collapse;
	border: 0px solid #000000;
}
.p_mytable td {
	border: 1px solid #000000;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.p_mytable th {
	font-family: Verdana;
	font-size: 8pt;
	border: 1px solid #000000;
	padding: 3px;
	border-color:#000000;
	background-color:#d0d0ef;
	font-weight: bold;
	white-space: nowrap;
}


.litred {
	white-space: nowrap;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: red;
}
.litgreen {
	white-space: nowrap;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: green;
}


.headcolo_nonactive {	
	background-color : #95ab8e !important;
	color: #ffffff ! important ;
}

.yellowcolor {
	background-color : #ffffe5;
}
form {
	padding: 0px;
}
.edtoolbar {
	border: #adb9f6 1px solid;
}
.button {
	font-family: Verdana;
	font-size: 8pt;
	
}

button {
	white-space: nowrap ;
}
input, textarea, option, select, button{
	font-family: Verdana;
	font-size: 8pt;
}

.option-1 {
  color:orange !important;
}

.option0 {
  color:red !important;
}

.option1 {
}


.input1 {
	background-color: #fffff7;
}
.input2 {
	background-color: #f9f27d;
}



hr {
}

a, a:link {
}
a:visited {
}
a:hover {
}

@media print {
	.onlyprint { display: ;
	}
	.onlyscreen { display: none; 
	}

	#table_row td.tabStageBorder {
		padding: 10px; width: 100%; height: 100%; vertical-align: top;
	}
}
@media screen {
	.onlyprint { display: none;
	} 
	.onlyscreen { 				
				display:; 				
	}

	#table_row td.tabStageBorder {
		padding: 10px 0; width: 100%; height: 100%; vertical-align: top; border: 1px solid #aaaaaa; border-top: 0px;position: relative;
	}
}

@page {
	margin-top:1cm; 
	margin-bottom:1cm;
}

.first {
	line-height : 75%;
	color : #557952;
    font-size: 10pt;
}

div, td {
    font-size: 8pt;
    font-family: verdana;
}
td  {
	font-family: Verdana;
	font-weight: normal;
}


.parent, .a.parent, .a.parent:visited, .a.parent:hover {
	font-size : 10pt;
	color : #ffffff ! important;
	font-family : arial, verdana;
	background-color : transparent;
	text-decoration : none;
	text-align : left;
	font-weight : bold;
	padding-left: 6px;
	cursor: hand;
}

.edtoolbar {
	border: buttonface 1px solid;
}


.cname, .a.cname, .a.cname:visited {
    	font-weight : bold;
	font-size : 9px;
	color : #736F2F! important;
	font-family : arial, verdana;
	text-align: center;
}
.a.cname:hover {
    	font-weight : bold;
	font-size : 9px;
	color : #000000 ! important;
	font-family : arial, verdana;
	text-align: center;
}


tr.other_task {
  background-color: #ddddff ;
  color:black ;

}
tr.planned_task {
  background-color:  #fff9ce ;
  color:blue;
}

.calendar1 {
  background-color:blue;
}




.calendar2 {
  background-color:red;
}

.validate_error {
  background-color:#FFD47F;

}


.selectedDay {
  font-weight:bold;
  font-size:12px;
  font-family: Helvetica, sans-serif  ;
  color:black !important;
}


.normalDay    {
  color: #555555;
  font-weight:normal;
  font-size:11px;
  font-family: verdana, sans-serif  ;
}



.panel_div {
	background-color: buttonface;
}

.main_color {
	background-color: #147C82;
	color:white;
}


.main_gradient {
	background-color:#147C82;
	color:white !important;
}

.second_gradient {
	background-color: #147C82;	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fdfdff', endColorStr='#147C82', gradientType='1');
}

.head {
	 background-color: #147C82; 
	 color: #111111;
}

.second_color {
	background-color: #147C82;
	border: 2px solid #147C82;
	color:white;

}


.third_color_border .panel_button {
	background-color:  #CBE4E3 ;
	border: 2px solid #CBE4E3;
	color:white;

}

.third_color_border .main_gradient{
	background-color:  #CBE4E3 ;
	border: 2px solid #CBE4E3;
	color:white;
	filter:none;
}

.third_color_border .second_gradient{
	background-color:  #CBE4E3 ;
	border: 2px solid #CBE4E3;
	color:white;
	filter:none;
}


.logo_td {
	/*background-image: url(./../img/getinbank_logo.jpg); */
	background-repeat: no-repeat;
	background-position:center center;
	height:70px;
	text-align:center;

}

.toolbar_panel {
  background-color:#c7f5b3;
} 

.filter_box{
	background-color: #FBFFBA; 
	border: 1px solid #aaaaaa;
}

.select_filters {
	background-color: #fbffba;
    border: 1px solid gray;
    float: right;
    margin-right: 10px;
    padding: 2px;
    width: 300px;
}

.shade {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=4); 
}

.menu_image_right {
	
}

.calendar {
	background-color: #CBE4E3 ;	
	color:black;
}

.calendar_selected {
	background-color: silver !important;
}

.calendar_sunday {
	background-color:#ff5555 !important;
}

.calendar_not_sunday {
	background-color:#FFFFFF !important;
}

.calendar_prev_selected {
	background-color:#80e080;
}
.calendar_freeday {
	background-color: magenta !important;	
	color:black;
}

.menu td{
 cursor:pointer;
 cursor:hand;
 padding:3px;
 
}

.disable_color {
	background-color: #dddcdc;
	text-align: right;
	padding: 5px;
	padding-right: 10px;		
	
}

.selected_option {
	background-color: #dd7777;
}

table.context_menu {
	background-color:#ededed;
	border:1px solid #6ca9a2;
}

.context_menu td {
	font-family: verdana, sans serif;
	font-weight: normal;
	padding:3px;
}

.context_menu a {
	color:black;
	text-decoration:none !important;
}

.third_color {
	background-color: #CBE4E3;
	border: 2px solid #CBE4E3;
	margin: 0px;
}
@media screen {
	.third_color_border {
		border: 2px solid #CBE4E3;
	}
}
@media screen {
	.second_color_border {
		border: 2px solid #147C82;
		
	}
}

.third_color td.chosen
{
	/*background-color: #FFFFFF !important;
	color: #000000;*/
	text-decoration:underline;
	background-color:transparent;
	
}
.third_color td.favor_back
{
	/*background-color: #FFFFFF !important;
	color: #000000;*/
	
	background-color:transparent;
}

.blueBackgound {
	background-color: #aaaaee;
}



.dots{
	background-image:url('./../img/dots.gif');
    background-repeat:repeat-Y;
    background-position:middle;
	
}

#toolbar_panel img{
	cursor:hand;
	cursor:pointer;
}

#toolbar_panel .button_over{
	background-color:#D9D9D9;
}

.unvisited_task td{
	font-weight:bold !important;
}


.bold td{
	font-weight: bold !important;
}

.priori1 {
	background-color: #38D728;
}

.priori2 {
	background-color: #AADA26;
}

.priori3 {
	background-color: #E8EB15;
}

.priori4 {
	background-color: #F1FA50;
}

.priori5 {
	background-color: #F8E552;
}

.priori6{
	background-color: #FFD47F;
	color:white  !important;
}

.priori7 {
	background-color: #FAC55A;
	color:white  !important;
}

.priori8 {
	background-color: #F5A25F;
	color:white  !important;
}

.priori9{
	background-color: #FE4239 !important;
	color:white  !important;
}


.pointer {
	cursor:pointer;
	cursor:hand;
}



.preference_header
{
    padding-bottom : 3px;
    padding-left : 10px;

}

.padding_bottom_10px
{
    padding-bottom : 10px;

}
.height_30px
.preference_button
{
     background-color: #147c82;
     color: #FFFFFF;
     font-weight: bold;
     border: 1px solid #147c82;
}
.padding_left_10px
{
    padding-left:10px;
}
.padding_left_15px
{
    padding-left:15px;
}

.preference_textbox_setting_value
{
    width:50px;
}
/*

*/
.prefernce_object
{
    padding-left:190px;
}

/*
    PREFERENCE TYPE
*/

.prefType_textBox
{
    width:350px;
}
.prefType_textarea
{
    width:350px;
}
.prefType_select
{
    width:100px;
}
/*
    wielkość przycisku
    odpowielnego za transfer
    użytkowników z jednej listy na drugą
*/
.prefType_AllButton
{
    height:40px;
}
.prefType_userPerrmInfo
{
     height:70px;
     border: 2px solid #147c82;
     width:45%;
     text-align:center;
     padding-top:5px;
     background-color: #D9F8F9;
}

.padding_right_10px { padding-right:10px;}
.padding_right_10px { padding-right:15px;}
.padding_left_100px { padding-left:100px;}

.preferenceErrorShow
{
    border: 2px solid #FF3300;
}
.preferenceErrirHide
{
     border: 1px solid #CCCCCC;
}



.mytable_preference {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color : #ffffff;
	font-size: 8pt;
}
.mytable_preference td {
	border: 1px solid #000000;
	empty-cells: show;
	cursor: default;
	vertical-align:top;
}




.bordingTableLock
{
  
    width:1px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #147c82;
}
.bordingTableLockDownLine
{
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #147c82;
}

.lockValidatInteger{
    border: 2px solid #F43100;
    height: 60px;
    padding-top:8px;
    padding-bottom:8px;
    background-color: #EFEFEF;
    font-family: 'Comic Sans MS';
    font-size: 14px;
    font-style: normal;
}
.lockValidatField{
    border: 2px solid #F43100;
}
.preferenceButtonSettings{
    border: 1px solid #FFFFFF;
    background-color: #147c82;
    color: #FFFFFF;
    font-weight: bold;
    height:25px;
}
tr.default_user td {
	font-weight: bold;
}

.pointer {
	cursor:pointer;
	cursor:hand;
}

.edtext {
	cursor:pointer;
	cursor:hand;
}

.dates {
	padding:5px;
	font-size:14px;
	color:black;
	
}

.normal {
	background-color:white;
	color:black !important;
}

.normal td{
	/*color:black !important;*/
}
		
#toolTipMultiusers {
	overflow: scroll;
	background: white;
	border: 1px black solid;
	position: absolute;
}
.headcolor {	
	background-color : #A9ABA8;
	color: #ffffff! important ;
	background-color: #888686!important;
}

/* STYLE DLA TOOLBARA */

#createTaskToolbar {
	width: 160px;
	margin: 0 auto;
	padding: 0;
	
}

#createTaskToolbar .actionBtn {
	width: 50px;
	height: 60px;
	margin: 0 auto;
	background: none;
	border: none;
}

#createTaskToolbar .actionBtn img {
	width: 48px;
	height: 48px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

#createTaskToolbar .actionBtnHover {

}

#createTaskToolbar .actionBtnHover img {
	margin-top: 0px;
} 

#createTaskToolbar .actionBtnPressed {

}



#createTaskToolbar #tasktypesCombo {
	width: 160px;
	border: none;
	margin-bottom: 5px;
}
/* KONIEC STYLÓW DLA TOOLBARA */

/* STYLE W KONFIGURATORZE */
#combobox_startend {
	width: 20%;
}

#panelForAllowCheckbox {
	text-align: right;
	margin-left: 30px;
	width: 40%;
}
/* KONIEC STYLÓW W KONFIGURATORZE */
/* Plan urlopów */
.planned_holiday {
	background-color: yellow;
}

.real_holiday {
	background-color: blue;
}

.planned_real_holiday {
	background-color: green;
}

.holiday {
	background-color:magenta!important;
	color:black;
}
.overtime_holiday {
	background-color:#F4A460;
}
.freeofcharge_weekend {
	background-color:#CCFFCC;
}
.weekend {
	background-color:red !important;
	color:black;
}
/* Koniec Plan urlopów */
/* Tooltip */
.tooltipJQ {
	-webkit-box-shadow: 5px 5px 5px #40310a; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#40310a,direction=125,strength=5)";
	box-shadow: 5px 5px 5px #40310a;
	display: none;
	position: absolute;
	position: absolute; /* required */ 
	padding: 10px;
	border: 1px solid black; 
	background-color: #FFFEE7;
	color: #000;
	margin-top: -10px;
}
/* Koniec Tooltip */

#advancedAttrsTable {
    padding:0;
    margin:5px;
    position:relative;
    background:#f2f2ff;
    color:#333;
    border-spacing: 0;
    width:99%;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border: solid #E8E8E8 1px;
    box-shadow: 5px 5px 2px #bbb;  
    -webkit-box-shadow: 5px 5px 2px #bbb; 
    -moz-box-shadow: 5px 5px 2px #bbb;  
    -o-box-shadow: 5px 5px 2px #bbb;   
}

#advancedAttrsTable td {
    border-left: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    padding: 5px;
    text-align: left;    
}
#advancedAttrsTable th {
	text-align:left;
	padding:15px;
	color: #fff;
    background-color: #808080;
}
#advancedAttrsTable tr:hover {
    background: #E8E8E8;
    transition: all 0.1s ease;  
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
}

.head_table_search_adv{
	background-color: #E8E8E8;
	border: 0;
	border-left: 0px solid #aaa;
    border-top: 0px solid #aaa;
	font-weight:bold;
	font-size:14px;
}
.body_table_search_adv{
	text-align:center;
	clear:both;
	background-color: #F2F2FF;
}
#advancedAttrsTable td:first-child, .tabstyle th:first-child {
    border-left: none;
}

#advancedAttrsTable input{
	font-size:12px;
	padding:4px;
	border:solid 1px #aacfe4;
	margin:2px 1px 1px 1px;
	width:30%;
	height:25px;
}
#advancedAttrsTable select{
	font-size:12px;
	padding:4px;
	border:solid 1px #aacfe4;
	margin:2px 10px 1px 10px;
	width:120px;
	height:25px;
}

.div_op{
	width:50px;
}

#advancedAttrsTable button{
	clear:both;
	margin-left:15px;
	width:50px;
	height:25px;
	font-size:11px;
	font-weight:bold;
    margin: 2px;
    text-decoration: none;
    font: bold 1.em 'Trebuchet MS',Arial, Helvetica;
    display: inline-block;
    text-align: center;
    color: #fff;
    
    border: 1px solid #9c9c9c; 
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

#advancedAttrsTable button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

#advancedAttrsTable button:active  {
    position: relative;
    top: 1px;
}

#advancedAttrsTable button {
    background: #147C82;
    background: -webkit-gradient(linear, left top, left bottom, from(#CBE4E3), to(#147C82) );
    background: -moz-linear-gradient(-90deg, #CBE4E3, #147C82);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CBE4E3', endColorstr='#4477a1');
}

#advancedAttrsTable button:hover {
    background: #CBE4E3;
    background: -webkit-gradient(linear, left top, left bottom, from(#147C82), to(#CBE4E3) );
    background: -moz-linear-gradient(-90deg, #147C82, #CBE4E3);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#147C82', endColorstr='#CBE4E3');            
}

#advancedAttrsTable button:active  {
    background: #147C82;
}
#advancedAttrsTable .show_form{
	width:150px;
}
#advancedAttrsTable .delete{
	background: red;
	background: -webkit-gradient(linear, left top, left bottom, from(red), to(red) );
    background: -moz-linear-gradient(-90deg, red, red);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='red', endColorstr='red');            

}
#advancedAttrsTable .sql_view{
	display:inline;
	display:inline-block;
	font: bold 1.5em 'Trebuchet MS',Arial, Helvetica;
	color:green;
	padding: 0.5em 2.5em;
}
#advancedAttrsTable br{
	font-size: 0pt;
}
#advancedAttrsTable span {
  display:inline;
  display:inline-block;
  width: 55px;
  color:red;
  font: bold 1.5em 'Trebuchet MS',Arial, Helvetica;
}
#advancedAttrsTable label {
  display:inline;
  display:inline-block;
  width: 30%;
  font: bold 1em 'Trebuchet MS',Arial, Helvetica;
}
#advancedAttrsTable h5 {
  margin:0px;
}
/*--Prywatny styl--*/

.mytable {
    border: 1px solid #147C82;
}
.mytable th td{
    border: 1px solid #147C82;
}
.mytable th {
    background-color: #CBE4E3;
    border: 1px solid #147C82;
}
.mytable td {
    border: 1px solid #147C82;
}


#table_index_div {
    padding:0;
    margin:5px;
    background:#f2f2ff;
    color:#333;
    border-spacing: 0;
    width:97%;
	font: bold 1.5em 'Trebuchet MS',Arial, Helvetica;
    border: solid #E8E8E8 1px;
}

#table_index_div td {
    border-left: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    padding: 5px;
    text-align: left; 
	font: 0.8em 'Trebuchet MS',Arial, Helvetica;	
}
#table_index_div th {
	text-align:left;
	padding:5px;
	color: #fff;
    background-color: #808080;
}
#table_index_div tr:hover {
    background: #E8E8E8;
}
#table_index_div input{
	font-size:12px;
	padding:2px;
	border:solid 1px #aacfe4;
	margin:2px 1px 1px 1px;
	height:20px;
}

/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 120px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }
#my_table_report tr:hover {
    background: #E8E8E8;
    transition: all 0.1s ease;  
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;  
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
}
#my_table_spis tr:hover {
    background: #E8E8E8;
    transition: all 0.1s ease;  
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;  
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
}
.mytable_user {
	background-color : #FFFFCC;
}
.mytable_group {
	background-color : #f1f1f1;
}
.mytable_group_st {
	background-color : AliceBlue;
}

.preferenceDetailsRow {
	cursor: pointer;
}

.preferensesInfo {
	margin: 10px 0 0 20px;
	font-weight: bold;
}

#botomButtonsPanel{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

#botomButtonsPanel #botomButtons {
	margin-right: 15px;
}

#sessionExpireTimeDialog {
	text-align: center;
}
/* Konfigurator tabelek dynamicznych */
#dyntable_definition select{
	width: 100%;
}

#dyntable_definition {
    padding:0;
    margin:5px;
    position:relative;
    background:#f2f2ff;
    color:#333;
    border-spacing: 0;
    width:99%;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border: solid #E8E8E8 1px;
    box-shadow: 5px 5px 2px #bbb;  
    -webkit-box-shadow: 5px 5px 2px #bbb; 
    -moz-box-shadow: 5px 5px 2px #bbb;  
    -o-box-shadow: 5px 5px 2px #bbb;   
}

#dyntable_definition td {
    border-left: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    text-align: left;    
}
#dyntable_definition th {
	text-align:center;
	color: #fff;
    background-color: #808080;
}
#dyntable_definition tr:hover {
    background: #E8E8E8;
    transition: all 0.1s ease;  
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
}

.updoun.updoun_radio
{
	display:none;
}
.updoun_2.updoun_radio_2
{
	display:none;
}

label.updoun a.updoun_span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url('./../img/sort_radio.png') 0px top no-repeat;
	cursor:pointer;
}
label.updoun_2 a.updoun_span_2 {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url('./../img/sort_radio.png') -38px top no-repeat;
	cursor:pointer;
}

label.test span.test_span_2 {
	background:url('./../img/sort_radio.png');
}

/* Kolor tła list wyników */
/* lista zadan workflow - tlo */
#panel_TasksClass{
	width: expression(document.body.clientWidth - 37);
	height: 100%; 
	overflow: scroll;
	background-color: buttonface;
}

/* lista zadan crm - tlo */
#panel_Tasks_search{
	overflow: scroll; 
	background-color: buttonface;
}

/* lista zadan kontrachenci - tlo */
#panel_for_firmy{
	width: expression(document.body.clientWidth - 35); 
	height: 100%; 
	overflow: scroll; 
	background-color: buttonface;
}

/* lista zadan zasoby - tlo*/
#panel_for_inventory{
	width: expression(document.body.clientWidth - 30); 
	height: 100%; 
	overflow: scroll; 
	background-color: buttonface;
}

/* lista zadan uzytkownicy - tlo*/
#panel_Users{
	background-color: buttonface;
}

/* lista zadan slowniki - tlo */
#panel_DictionaryFactory_getDictionariesList{
	width: expression(document.body.clientWidth - 27);
	height: 100%;
	overflow: scroll; 
	background-color: buttonface;
}

/*
.mytable th {
	 background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , white, #EEEEEE);
    background-repeat: repeat-x;
    border: 1px solid #9DA0AA;
    color: #000  !important;	
    padding: 5px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
	cursor: pointer;
}
*/

.vitrualTaskAttrs
{
	list-style: none;
}

.vitrualTaskAttrs label
{
	width: 200px;
	display: inline-block;
}

#apnFieldList li label
{
	display: inline-block;
	width: 150px;
}

#mask_poput {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color: #C0C0C0;
	display:none;
	font-family: Georgia;
	width: 100%;
	height: 100%;
}

.my_poput {
	padding: 20px;
}

.my-message-body-attr {
    text-align: left;
    background-color: #fff;
}
.my-message {
   width:300px;
   /*height:150px;*/
   background-color: #ffffcc;
   text-align: center;
   border: 2px groove black;
   color: #000;
   z-index: 10000;
}
.my-message-title {
  height:20px;
  font-size:120%;
/*  background-color:#000;
  color: #fff; */
  text-align: center;
  font-weight: bold;
}
.my-message-body {
  padding: 5px;
  height: 70px;
  color: #000;
}
.my-message input {
  margin: 10px;  
}

.my-message-comment
{
	text-align: right;
}
.my-message-comment textarea
{
	vertical-align: middle;
	resize: none;
	width: 169px;
	margin-right: 14px;
}

textarea
{
	resize: none;
}

textarea.tableCellTextarea
{
	width: 100%;
	height: 100%;
}


#xmlConifgText{
    width: 100%;
    height: 90%;
    word-wrap: normal;
    overflow-x: auto;
    white-space: nowrap;
}

@media print
{
	.panelTab
	{
		overflow: visible !important;
	}
}

.readonlyAttrInput, .readonlyAttrCombobox, .readonlyAttrTextarea
{
	background-color: #E0E0E0;
	border: 1px solid #000;
	width: 145px;
	border-style: inset;
	border-bottom-color: #F0F0F0;
	border-right-color: #F0F0F0;
	border-width: 2px;
	cursor: text;
	padding: 1px 0;
	height: 14px;
	display: inline-block;
	line-height: 13px;
	text-align: start;
	vertical-align: middle;
}

#merge_conflict_info {
    font-weight: bold;
    margin: 0 auto;
    width: 80%;
}

.page {
    padding: 10px 10px 0 10px;
    width: 100%;
}

.page div {
    margin: 0 auto;
}

.page #panel_TasksClass_getHistoryAndBindDoc {
    width: 80%;
}

#merge_conflicts .attr_name {
    font-weight: bold;
}

#merge_conflicts #panel_TasksClass_getHistoryAndBindDoc tr.merge_all td {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}

#advancedAttrsTable #treeFullFit
{
	width: auto;
}

#ff_info {
    width: 100%;
    //height: 20%;
    text-align: center;
    //padding: 0 200px 0 200px;
    position: fixed;
    text-overflow: clip;
    background-color: rgba(0,0,0,0.3);
    //border: 1px solid black;

}

#ff_info p {
    margin: 40px auto;
    margin-left: 300px;
    text-align: left;
    width: 60%;
    //height: 100%;
}

#merge_conflicts td
{
	vertical-align: middle;
}

#merge_conflicts .action
{
	text-align: center;
	border-right: none;
	border-left: none;
}

#merge_conflicts .action img
{
	opacity: 0.2;
	cursor: pointer;
	vertical-align: middle;
	width: 25px;
}

#merge_conflicts .gruper, #merge_conflicts .spacer
{
	background-color: #aaaeba;
}


#merge_conflicts .gruper .action img.selected, #merge_conflicts .action img.selected
{
	opacity: 1;
}

#merge_conflicts .action
{
	width: 110px;
	height: 30px;
}

#merge_conflicts .val1
{
	border-right: none;
	height: 40px;
	width: 40%;
}
#merge_conflicts .val2
{
	border-left: none;
	width: 40%;
}

#merge_conflicts #buttons
{
	margin: 10px auto; 
	width: 25%;
}

#merge_conflicts #buttons input
{
	font-size: 20px;
	height: 50px;
}
.address-form-container{
	width: 435px;
}

.tr_button_function
{
	display: none;
}
.binded-tasks {	
    max-height: 300px;
    width: 100%;
	overflow: auto;
	overflow-y: auto;
}
.binded-tasks table {
	border-collapse: collapse;
	width: 100%;
}
.binded-tasks table td,
.binded-tasks table th{
	padding: 2px 5px;
}
.binded-tasks table th {
	background-color: #3b7616;
    border: 1px solid #000000;
    color: white;
    cursor: pointer;
    empty-cells: show;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;    
    text-align: left;
}
.binded-tasks table td {
	cursor: default;
    empty-cells: show;
    vertical-align: top;
	border: 1px solid #147c82;
	cursor: pointer;
}
.binded-tasks table tr td:last-of-type{
	cursor: default;
}
.binded-tasks table td img {
	cursor: pointer
}
#xmlTemplateList
{
	padding-left: 5px;
}
#xmlTemplateList{
	width: 500px;
	border: 1px solid #14649d;
	padding: 5px;
}
#xmlTemplateList li
{
	list-style: decimal inside none;
	cursor: pointer;
	padding-left: 10px;
	line-height: 25px;
	text-transform: uppercase;
}
#xmlTemplateList li:hover
{
	background-color: #ffec14;
}

#showXmlDocumentButton, #xmlDocumentReload
{
	/*display: none;*/
}

.in-progress{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	cursor: wait;
}

/*
* CONTRACT FORMAT
*/
.contract-wrapper{
	position: relative;
	min-width: 1200px;
	width: auto;
}
.contract-wrapper #XML_TEMPLATE{
	width: auto;
	text-align: justify;
}
.contract-wrapper #XML_TEMPLATE h1{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 15px;
}
.contract-wrapper #XML_TEMPLATE h2{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.contract-wrapper #XML_TEMPLATE h3{
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	margin: 15px 0 10px;
}
.contract-wrapper #XML_TEMPLATE .paragraph{
	padding: 5px;
	border: 1px solid #fff;
	border: 1px solid transparent;
}
.contract-wrapper #XML_TEMPLATE .paragraph table{
	width: 100%;
        border-collapse: collapse;                
}
.contract-wrapper #XML_TEMPLATE .paragraph table td{
    border: 1px solid #000;
    padding: 5px;
}

/* new-paragraph */
.contract-wrapper #XML_TEMPLATE h3.new-paragraph{
	color: #c5c9db;
}
.contract-wrapper #XML_TEMPLATE .new-paragraph{
	height: 17px;
	border: 1px dashed  #c5c9db;
}
.contract-wrapper #XML_TEMPLATE .new-paragraph .contract-p-option{
	border-color: #c5c9db;
}

.contract-wrapper #XML_TEMPLATE .paragraph ol { counter-reset: number }
.contract-wrapper #XML_TEMPLATE .paragraph ol li { list-style-type: none }
.contract-wrapper #XML_TEMPLATE .paragraph ol li:before { content: counters(number, ".") ". "; counter-increment: number }

.contract-wrapper #XML_TEMPLATE .paragraph ul { counter-reset: lower_alpha }
.contract-wrapper #XML_TEMPLATE .paragraph ul li { list-style-type: none }
.contract-wrapper #XML_TEMPLATE .paragraph ul li:before { content: counter(lower_alpha, lower-alpha) ") "; counter-increment: lower_alpha }
/* end new-paragraph */

.contract-wrapper.can-edit #XML_TEMPLATE .paragraph{
	cursor: pointer;
}
.contract-wrapper.can-edit #XML_TEMPLATE .paragraph:hover,
.contract-wrapper.can-edit #XML_TEMPLATE .paragraph.contract-edit-mode{
	border: 1px dashed #0078cc;
	position: relative;
}
.contract-wrapper #XML_TEMPLATE .paragraph.contract-edit-mode{
	cursor: default;	
}
.contract-wrapper #XML_TEMPLATE .paragraph .attr-name-container{
	cursor:pointer;
}
.contract-wrapper #XML_TEMPLATE .paragraph .attr-name-container:hover{
	/*background-color:*/ 
}
.contract-wrapper #XML_TEMPLATE .paragraph .var-container{
	background-color: yellow;
        display: inline-block;
        padding: 2px 5px;
        cursor: pointer;
}
.contract-wrapper #XML_TEMPLATE .paragraph .var-container[var-name="POLE_TEXTAREA"]{
        display: block;
}
@media print {
    .contract-wrapper #XML_TEMPLATE .paragraph .var-container{
	display: none;
    }
}
.has-history{
	background-color: #fdfada;
	position: relative;
}
.has-history:before{
	content: 'History';
	position: absolute;
	right:0;
	top: -24px;
	line-height: 14px;
	padding: 5px;
	background-color: #fdfada;
}
.contract-edit-mode.has-history:before{
	content: '';
	margin: 0;
	padding:0;
	line-height: 0;
	top: 0;	
}

.contract-wrapper #XML_TEMPLATE .contract-p-option{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #fff;
	border-bottom: 1px dashed #0078cc;
	border-left: 1px dashed #0078cc;
	padding-left: 3px;
}
.contract-wrapper #XML_TEMPLATE .contract-p-option-hidden{
	display: none;
}
.contract-wrapper #XML_TEMPLATE .contract-p-option span{
	cursor: pointer;
}
/*.contract-wrapper #XML_TEMPLATE .document p:last-of-type .add-paragraph{
	display: inline-block;
}*/
.contract-wrapper .contract-attrs-wrapper{
	width: 480px;
	left: -492px;
        top: 188px;
	position: fixed;
	height: auto;
	padding: 10px;
	border: 1px solid #0078cc;
	clear: both;
	text-align: right;
	display: none;
	background-color: #0078cc;
	color: #fff;
}
.contract-wrapper .contract-attrs-wrapper .menu-icon{
	position: absolute;
	top: -1px;
	right: -28px;
	background-color: #0078cc;
	padding: 4px;
	cursor: pointer;
}
.contract-wrapper .contract-attrs-wrapper ul,
.contract-wrapper .contract-attrs-wrapper ul li{
	list-style: none;
	margin:0;
	padding:0;
	line-height: 30px;
	float: left;
	width: 100%;
}
.contract-wrapper .contract-attrs-wrapper ul{
	height: 300px;
	overflow-y: scroll;
	position: relative;
	margin-bottom: 10px;
}
.contract-wrapper .contract-attrs-wrapper ul li{
	margin-bottom: 3px;
}
.contract-wrapper .contract-attrs-wrapper h2{
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin: 15px 0 5px;
}
.contract-wrapper .contract-attrs-wrapper h2:first-of-type{
	margin-top:0;
}
.contract-wrapper .contract-attrs-wrapper label{
	float: left;
}
.contract-wrapper .contract-attrs-wrapper input[type="text"],
.contract-wrapper .contract-attrs-wrapper textarea{
	width: 250px;
	height: auto;
	padding: 5px 7px;	
	float: right;
	margin-right: 10px;
	color: #000;
}
.contract-wrapper .contract-attrs-wrapper input[type="text"]:focus,
.contract-wrapper .contract-attrs-wrapper textarea:focus{
	background-color: #ffec14
}

// Edit layer
.contract-p-edit-layer{
	width: 800px;
	padding: 10px;
	height: 500px;
}
.contract-p-edit-layer .contract-p-edit-old{
	width: 780px;
	padding: 10px;
	max-height: 190px;
	overflow: auto;
	margin-bottom: 15px;
	text-align: justify;
}
.contract-p-edit-layer .contract-p-edit-new textarea{
	width: 800px;
	padding: 10px;
	height: 455px;
}
.contract-wrapper .consolidate-btn{
	position: fixed;
	left: 5px;
	top: 100px;
	height: 24px;
	width: 24px;
	background-color: #0078cc;
	padding: 4px;
	cursor: pointer;
}
.contract-wrapper .print-viewer-btn{
	position: fixed;
	left: 5px;
	top: 57px;
	height: 24px;
	width: 24px;
	background-color: #0078cc;
	padding: 4px;
	cursor: pointer;
}

.contract-wrapper .go-back-btn{
	position: fixed;
	left: 5px;
	top: 144px;
	height: 24px;
	width: 24px;
	background-color: #0078cc;
	padding: 4px;
	cursor: pointer;
}

.contract-p-history-layer{
	width: 990px;
	height: 450px;
	padding:10px;
	text-align: left;
}
.contract-p-history-layer .history-item{
	padding: 5px;
	width: 978px;
	height: 210px;
	border: 1px solid #0078cc;
	margin: 0 0 10px;
	overflow: auto;
}
.contract-p-history-layer .history-items{
	width: 250px;
	padding: 2px 5px;
	margin-bottom: 10px;
}
.history-accordion{
	height: 470px;
	overflow: auto;
}
.ui-accordion .ui-accordion-content{
	height: 100px;
}

// Appendices layer
#changeAppendicesUl
{	
	margin: 0;
}

#changeAppendicesUl li
{
	text-align: left;
	list-style:decimal;
	line-height: 20px;
}

#changeAppendicesUl li:hover, #changeAppendicesUl label:hover
{
	cursor: pointer;
}

#changeAppendicesUl label
{
	display: inline-block;
	width: 400px;
	text-align: left;	
}

.notyficationAddTd
{
	text-align: right;
}

#notyficationTable
{
	width: 100%;
}
#notyficationTable span
{
	cursor: pointer;
}

#addNotyficationPanel
{
	text-align: left;
	width: 430px;
	padding-left: 20px;
}

#addNotyficationPanel input, #addNotyficationPanel textarea
{
	width: 200px;
	vertical-align: middle;
	margin-bottom: 3px;
}

#addNotyficationPanel label
{
	display: inline-block;
	width: 200px;
}

#tab24
{
	vertical-align: top;
}

#tab24 fieldset
{
	margin: 5px 0 0 5px;
}

#notyficationTable #notyficationDateTh
{
	width: 150px;
}

#notyficationTable .notyficationDelete
{
	text-align: center;
}
#notyficationTable #notyficationDeleteTh
{
	width: 20px;
}


/*
* CREATE, EDIT CONTRACT
*/

.create-contract {
	border: 8px solid #0078cc;
}
.create-contract .contract-wrapper{
	margin: 10px;
	min-height: 800px;
	padding-bottom: 35px;	
	/*height: 100%;*/
}
.create-contract .buttons-wrapper{
	background-color: #0078cc;
	padding: 10px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.create-contract #XML_TEMPLATE{
	/*height: 100%;*/
}
.create-contract .buttons-wrapper button{
	float: right;
	margin-right: 10px;
}
.create-contract .buttons-wrapper button:first-child{
	margin-right: 20px;
}


.contract-menu-item{
	position: fixed;
	left: 0;
}
.appendices-wrapper{
	width: 350px;
	left: -362px;
	top: 188px;
	position: fixed;
	height: auto;
	padding: 10px;
	border: 1px solid #0078cc;
	clear: both;
	text-align: right;
	display: none;
	background-color: #0078cc;
	color: #fff;
}
.appendices-wrapper .contract-appendices-ico-wrapper{
	right: -33px;
	padding: 4px;
	background-color: #0078cc;
	position: absolute;
	top: -1px;
	cursor: pointer;
}

.appendices-list{
	width: 340px;
	padding: 0;
	margin: 0 0 0 10px;
	max-height: 500px;
    overflow: auto;
}
.appendices-list li {
	padding: 5px 0;
	margin: 0;	
	list-style: none;
	text-align: left;
}
.appendices-list li input{
	padding: 0;
	margin: 0 10px 0 0;	
	list-style: none;
	vertical-align: bottom;
}
.contract-edit-option span {
	cursor: pointer;
}


.inputsList
{
	list-style: none;
}
.inputsList label
{
	display: inline-block;
	margin-right: 5px;
}
.inputsList textarea, .inputsList input
{
	vertical-align: middle;
}


/*
*  CONTEXT MENU
*/
.context-menu, .context-menu li{
	margin:0;
	padding: 0;
	list-style: none;	
}
.context-menu li:before{
    content:''!important;
}


.context-menu{
	display: none;
	position: absolute;
	background-color: #0078cc;
	padding: 7px;
	color: #fff;
	z-index: 500;
}
.context-menu li{
	padding: 3px;
	cursor: pointer;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.context-menu li:hover{
	background-color: #ffec14;
	color: #0078cc;
}
.context-menu li.disabled:hover{
	background-color: #0078cc;
	color: #fff;
}
.context-menu li.disabled{
	opacity: 0.5
}
.context-menu li span{
	vertical-align: top;
	margin-right: 5px;
}
.context-menu li:hover span{
	background-image:url(./../img/sprite-16-blue.png);
}
.context-menu li.disabled:hover span{
	background-image:url(./../img/sprite-16.png);
}

.contract-wrapper .contract-attrs-wrapper input[type="text"], 
.contract-wrapper .contract-attrs-wrapper select, 
.contract-wrapper .contract-attrs-wrapper textarea{ 
    width: 250px; 
    height: auto; 
    padding: 5px 7px;    
    float: right; 
    margin-right: 10px; 
    color: #000; 
} 
.contract-wrapper .contract-attrs-wrapper input[type="text"]:focus, 
.contract-wrapper .contract-attrs-wrapper select:focus, 
.contract-wrapper .contract-attrs-wrapper textarea:focus{ 
    background-color: #ffec14 
}

/*
* Tiff2Jpg
*/
.t2j-container{	
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.t2j-container-menu{
	/*height: 30px;*/
}

 /*pagination*/
.t2j-pagination-container {
	font-size: 11px;
	width: 250px;
	margin: 0 auto;
	height: 30px;
}
.t2j-pagination-container .t2j-current-page {
	width: 50px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #333;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.t2j-pagination-container input{
	margin-right: 10px;
}
.t2j-pagination-container .t2j-total-pages{
	font-size: 12px;
	margin-left: 10px;
	width: 35px;
	text-align: center;
}
.t2j-pagination-container .t2j-navi {
	margin: 0 5px -5px;
	cursor: pointer;
}
.t2j-pagination-container span.t2j-navi.disabled{
	opacity: 0.5;
	cursor: default;
}

.t2j-preview-document-wrapper{	
	height: calc(100% - 32px);
	height: -moz-calc(100% - 32px);
	height: -webkit-calc(100% - 32px);
	height: -o-calc(100% - 32px);
	height: expression(100% - 32px);
	/*overflow: scroll;	*/
    overflow:none;
	border: 1px solid black;
	background-color: #DDE4E9; 
	text-align: center;
    box-sizing: border-box;
}

.t2j-preview-document-wrapper img 
{	
	margin: auto;
}


/*
*
*/ 

.form-wrapper {
	font-size: 1em;
}
.form-wrapper,
.form-wrapper li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	float: left;
	width: 395px;
	line-height: 17px;
}
.form-wrapper li:hover {
	background-color: #F5F5F5;
}
.form-wrapper li.form-header:hover {
	background: none;
}
.form-wrapper li label {
	display: inline-block;
	width: 150px;
	padding-left: 5px;
	float: left;
}
.form-wrapper li label em {
	color: red;
	font-size: 0.8em;			
	vertical-align: top;
}
.form-wrapper li input,
.form-wrapper li select,
.form-wrapper li textarea {
	padding: 0 7px;			
	width: auto;
	border: 1px solid gray;
	width: 212px;
	font-size: 0.9em;
	float: left;
}
.form-wrapper li input:focus,
.form-wrapper li select:focus,
.form-wrapper li textarea:focus {
	background-color: #FFC;
}
.form-wrapper li input,
.form-wrapper li select {
	display: block;
	height: 23px;
	line-height: 23px;
}
.form-wrapper li textarea {
	display: block;	
	width: 100%;
	line-height: 1.25em;
	padding: 7px;	
	margin-top: 5px;
	min-height: 50px;	
}
.form-wrapper li h2{
	margin: 0;
	padding: 5px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}
.form-wrapper li .form-icon{
	float: right;
	display: block;
	cursor: pointer;

}

.form-wrapper li img{
	float: left;
	display: block;
}

.whiteText
{
	color: white;
}
.ukryte
{
	display:none;
}
span[attr_sys="STAGENAME"]
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	display: block;
}
span[attr_sys="TASKID"]
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	display: block;
}


/* upload popup */
.block{
	background: #EAEAEA;
	border-radius: 20px;
	border:2px solid #3B7616;
	position: absolute;
	width: 400px;
	height: 300px;
	top:10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 30px 20px;
}
.block h3{
	text-align: center;
	font-weight: 700;
	color:#3B7616;
}
.oneUploadBox, .addOtherFile{
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}
.oneUploadBox:after{
	clear: both;
}
.oneUploadBox .inputFileName{
	float: left;
  width: 200px;
}
.oneUploadBox .uploadFileBtn{
	height:10px;
	max-width:150px;
	text-align: center;
	width: auto;
	background:#fff;
	padding: 5px;
	margin-left: 10px;
	float: left;
	color:black;
}


.addOtherFile .addOtherFileBtn{
	padding: 5px;
	background: #DEDEDE;
	color:black;
	float: right;
}
.fileNames{
  width: 100%;
  display: inline-block;
}
.fileNames span{
  display: block;
  color:red;
}

#data-contractor table tr td:first-child{
  width: 50%;
}
#errorMessage{
    background: #fce4e4;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    color: red;  
    display:none;
}

.csContentBoxSelect{
  /*position: fixed;*/
  position:absolute;
  left:0;
  min-width:100%;
  background:#f5f5f5;
  overflow:hidden;
  padding: 5px 2px 2px;
  box-sizing: border-box;
  border-top: 1px solid #c5c5c5; 
  border-bottom: 1px solid #66afe9; 
  border-left: 1px solid #66afe9; 
  border-right: 1px solid #66afe9; 
  z-index: 9999;
  text-align:left;
}
.CSFullList{
  overflow-x: hidden;
  overflow: auto;
  max-height: 150px;
  list-style: none;
  margin-left: 0;
  padding-left: 2px;
  margin-top: 5px;
  margin-bottom: 2px;
}
ul[id^="CSlist_"]>li{
  padding:4px 0;
}

.activeCSItem{
  color: white;
  background-color: #d82a31;
}
.CSinput-search{
  
  border-color: #cccccc;
  border-radius: 0;
  color: #333333;
  font-family: Verdana, "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaaaaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: white url('../img/select2.png') no-repeat 100% -22px;
  background: url('../img/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../img/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, white 85%, #eeeeee 99%) 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.loadIconCS{
  background: url('../img/select2-spinner.gif') no-repeat;
  width: 20px;
  height: 20px;
  margin: 5px auto;
}

.outerInputSearchCS{
  padding-right: 30px;
  float: left;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  position: initial;
  box-sizing: border-box;
}
.outerInputSearchCS>input.CSinput-search{
	text-align:left;
}
.clrButtonCS{
  width: 25px;
  height: 25px;
  position: absolute;
  right: 2px;
  top: 5px;
}


.fakeselectIcon{
  border-color: #cccccc;
  border-radius: 0;
  color: #333333;
  font-family: Verdana, "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 4px 20px 4px 5px !important;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaaaaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: white url('../img/arrow-down.png') no-repeat 100% 2px;
  background: url('../img/arrow-down.png') no-repeat 100% 2px;
  background: url('../img/arrow-down.png') no-repeat 100% 2px;
  background: url('../img/arrow-down.png') no-repeat 100% 2px;
  background: url('../img/arrow-down.png') no-repeat 100% 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}

div[id^="panelTable_"] input{
  padding:4px 0;
  /*width:100%;*/
}

.disabledElement{
  background-color: #EBEBE4 !important;
  border:none !important;
}

.cs-min-lenght{
  display:none;
}

/*
INFO: przy stylowaniu tych elementów będa takie same gdy pojawia się na głównym pasku jak i na formatce zadania
*/
.btn-menu-controlpanel{
  float:left;
  padding:0 10px;
  background-color: #eeeeee;
  font-size: 13px;
  text-decoration: underline;
  text-align: center;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  font-family: Verdana;
  font-weight: normal;
  color:rgb(119, 119, 119);
}
.btn-menu-controlpanel-active{
  color:black;
  background-color: #fff;
}
.btn-menu-controlpanel:hover{
  background-color: #fff;
  color:black;
}
.btn-menu-controlpanel:first-child{
  padding-left:0;
}

.positionBottomControlPanel{
	position: absolute;
	left: 0;
	right: 0;
}
.positionBottom-30{
	bottom: 30px;
}
.positionBottom-60{
	bottom: 60px;
}
.positionBottomControlPanel>td{
	position: absolute;
	left: 0;
	right: 0;
}
/* element opakowujący górne menu które jest widoczne na kazdej podstronie*/
#new-control-panel{
  /*wymiary na podstawie paddingów elementów w których jest task, a wysokoś dodawana w js*/
  /* 10 + 15 na elementach*/
  margin-left: 25px;
}
/* element opakowujący menu znajdujace siena formatce taska*/
.new-control-panel-in-task{
  display: inline-block;
}

.my-dialog{
  z-index: 999 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  margin:0 auto !important;
  top:30% !important;
}

#tab31{
	border:none !important;
}

div[kind="note"] hr{
	margin:0;
}
span.note-creator{
	display:block;
	font-weight:700;
}
span.note-msg{
	display:block;
	margin-bottom:10px;
}