/* EFOM CSS COMMON */

html, body						{ height: 100%; margin: 0; padding: 0; }
body							{ font-family: "Verdana", "Arial", sans-serif; font-style: normal; font-size: 9pt; color: #365D98; /*background-color:#D1D4E3;*/ background: #c5d9c4;}
table							{ width: 100%; border-collapse: collapse; font-size: 9pt; }

a								{ color: #15262F; text-decoration: none; outline: none; }
a:link							{ color: #15262F; }
a:visited						{ color: #15262F; }
a:hover							{ color: #8F8C8C; text-decoration: none; }
a:active						{ color: #15262F; text-decoration: none; }

.fantom 						{ clear: both; font-size: 0px; line-height: 0px; }

.hide							{ display: none !important; }

.sfloor							{ width: 1px; height: 2px; clear: both; font-size: 0px; line-height: 0px; }
.mfloor							{ width: 1px; height: 5px; clear: both; font-size: 0px; line-height: 0px;}
.lfloor							{ width: 1px; height: 10px; clear: both; font-size: 0px; line-height: 0px; }
.xlfloor						{ width: 1px; height: 15px; clear: both; font-size: 0px; line-height: 0px; }

.cpointer                                               { cursor: pointer; }

.fwidth							{ width:100% !important;}
.hwidth							{ width:50% !important;}

.l							{ text-align: left; }
.c							{ text-align: center; }
.r							{ text-align: right; }
.j							{ text-align: justify; }
.b							{ font-weight: bold; }

.bfont                                                  { font-size: 16px !important; }

.green							{ color: #00A651; }
.blue							{ color: #2B4C6F; }
.red							{ color: #FF0000; }
.grey							{ color: #868686; }

.resetpadding					{ padding: 0px !important; }
.resetmargin					{ margin: 0px !important; }

#body							{ width: 100%; margin: 0 auto; }

#tdefault						{ width: 100%; min-height: 100%; /*background: #D1D4E3;*/ background: #c5d9c4; /* background: #D1D4E3 url('/_admin/gfx/tdefault_bg.jpg') repeat-y 0 0; */ }

#header							{ width: 100%; height: 92px; /*background-color: #15262F;  na swieta  background: url('/_admin/gfx/christmas_chain_2.png') repeat-x scroll 0 -31px rgba(0,0,0,0); padding-top: 40px; background-size: 12%; */}
#main							{ width: 100%; height:100%;}
#footer							{ }

/* LOGIN */
#center .login_panel 			{ margin-top:8%; text-align:center; }
#center .login_form				{ margin: 0px auto; width: 300px; height: 300px; font-size: 20px; padding:50px 100px 130px 100px;  box-shadow: 0px 0px 20px #000;}
#center .login_form input		{ height: 30px; padding:5px; font-size: 15px; }
#center .login_form div			{ margin-bottom: 10px; }
#center .login_form .input_error		{ font-size: 15px; }
#center .login_form input[type="submit"]      { font-size: 18px; padding: 10px; height: 60px; width: 294px; cursor: pointer;}

#left							{ font-size: 11px; border-radius: 0px 5px 5px 0px; box-shadow: 0px 0px 5px #000000; width: 15%; float: left; margin: 15px 0px; min-height: 100%; background: #15262F;}
#right							{ width: 84%; float: left; margin: 15px 0px; position: relative; /*background: #D1D4E3;*/ background: #c5d9c4; margin-left: 1%;}
.dialog-external #right			{ width: 100%; float: left; margin: 0px; position: relative; background: #D1D4E3 !important;}
#center							{ width: 100%; height:100%; /*background: #D1D4E3;*/ background: #c5d9c4;}

#message						{ text-align: center; width: 100%; background-color: #00aaff; opacity: 0.9; position: absolute; top: 10px; margin:0px auto; z-index: 999; }
#message span						{ padding: 20px; display: block; color: #000000; font-weight: bold; font-size: 15px; }

#header .logo						{ height: 70px; float: left; /*background-color: #e0e0e0;*/ }
#header .logo a						{ width: 100%; height: 70px; display: block; }
#header .logo a	img					{ height: 70px; }
#header .acompany					{ color: #000; float:left;margin-right:10px;margin-top:25px; margin-left:10px; }

#header .profile					{ font-size: 10px; width: 500px; height: 34px; float: right; margin-top: 20px; margin-right: 10px; }
#header .profile .user				{ width: 310px; height: 34px; float: left; padding-left: 42px; line-height: 34px; background: url('/_admin/gfx/icon-user.png') no-repeat 0 0; }
#header .profile .user span 		{ font-size: 10px; }
#header .profile .user a				{ color: #000; }
#header .profile .settings				{ width: 34px; height: 34px; float: left; margin-left: 10px; }
#header .profile .settings a.tgr_settings_opts		{ width: 34px; height: 34px; display: block; border: none; border-radius: none; background: url('/_admin/gfx/icon-settings.png') no-repeat 0 0; }
#header .profile .settings a.tgr_settings_opts:hover	{ background-position: 0 -34px; }
#header .profile .settings ul.settings_opts		{ width: 188px; margin: 0; padding: 5px 0px 0px 0px; list-style: none; border-radius: none; border: none; background: url('/_admin/gfx/icon-settings-arrow.png') no-repeat 50% 0; position: absolute; z-index: 111; }
#header .profile .settings ul.settings_opts li		{ background-color: #1B313D; }
#header .profile .settings ul.settings_opts li a	{ padding: 8px; color: #FFFFFF; }
#header .profile .logout				{ width: 34px; height: 34px; float: left; margin-left: 10px; }
#header .profile .logout a				{ width: 34px; height: 34px; display: block; background: url('/_admin/gfx/icon-logout.png') no-repeat 0 0; }
#header .profile .hr_calendar				{ width: 34px; height: 34px; float: left; margin-left: 10px; }
#header .profile .hr_calendar a				{ width: 34px; height: 34px; display: block; background: url('/_admin/gfx/icon-calendar.png') no-repeat 0 0; }


#header .hmenu						{  position:relative; width: 100%; height: 50px; background: #1a2b34; box-shadow: 0px 0px 5px #000000; float: left; }

#left .sparent_name					{ width: 100%; height: 26px; padding-left: 8px; color: #FFFFFF; font-weight:bold; }
#left .msub						{ width: 99%; height: 32px;}
#left .msub a						{ height: 32px; line-height: 32px; padding-left: 16px; display: block; color: #FFFFFF; background: url('/_admin/gfx/menu_left.jpg') no-repeat 0 -32px; }
#left .msub a:hover					{ background-position: 0 -64px; }
#left .msub a.active					{ background-position: 0 0px; }

#right .mheader						{ padding: 5px 0px; color: #FFFFFF; text-align: center; font-weight: bold; background-color: #15262F; }
#right .mrow						{ }
#right .mrow .pagis					{ font-size: 11px; border-radius: 5px 0px 0px 5px; width: 100%; height: 12px; float: left; padding: 9px 0px 10px 0px; text-align: center; border-bottom: 1px solid #15262F;background-color: #d9d9d9;}
#right .mrow .pagis	a				{ font-weight: bold;}
#right .mrow .pagis	.pages			{ font-weight: bold; font-size: 11px; color:#15262F;}
#right .mrow .pagis	.pages a		{ font-weight: normal; font-size: 10px; color:#15262F;}
#right .mrow .showtype					{ font-size: 11px; width: 100%; height: 11px; float: left; padding: 9px 0px 10px 0px; text-align: left; border-bottom: 1px solid #15262F;}
#right .mrow .showtype input				{ margin-bottom:5px;}
#right .mrow .pagis .previous				{ width: 20%; float: left; text-align: center; }
#right .mrow .pagis .pages				{ width: 60%; float: left; text-align: center; }
#right .mrow .pagis .next				{ width: 20%; float: left; text-align: center; }
#right .mrow .rcount					{ width: 100%; height: 13px; float: left; padding: 6px 0px 10px 0px; text-align: center; }
#right .fheader							{  border-radius: 5px 0px 0px 5px; box-shadow: 0px 0px 5px #000000; font-weight: bold; font-size: 12px; text-align: center; width: 100%; height: 32px; line-height: 32px; display: block; color: #FFFFFF; background-color: #15262F;}
#right .input_error						{  color: #ff0000; display: block; }

#right table						{ font-size: 11px;}
#right table th.theader					{ margin: 2px 0px; padding: 5px 0px; color: #FFFFFF; text-align: center; background-color: #15262F; }
#right table td.trow					{ margin: 2px 0px; padding: 5px 0px; background-color: #EBEDF4; }
#right table td.trow a.tgr_display_opts			{ }
#right table td.toptions ul.display_opts			{ width: 208px; margin: 0; padding: 0; list-style: none; position: absolute; z-index: 111; }
#right table td.toptions ul.display_opts li			{ background-color: #375E98; }
#right table td.toptions ul.display_opts li a		{ padding: 8px; color: #FFFFFF; }
#right table td.toptions .imulti				{ width: 53px; height: 30px; float: left; background: url('/_admin/gfx/button_bg.gif') no-repeat 0 -30px; }
#right table td.toptions .imulti input.multi		{ margin: 8px 21px; }
#right table td.tgap					{ height: 4px; }
#right table tr.tr_hover				{ background-color: #E1E5F2; }
#right table tr.tr_hover td.trow			{ background-color: #E1E5F2; }
#right table#order_table tr.tr_hover td                 { background-color: #ddaaFF !important; }
#right table tr.selected td                           { background-color: #b9b9b9 }

#right table tr.orow:hover td.trow			{ background-color: #E1E5F2; }

#right a.baction					{ float: left; color: #FFFFFF; background: url('/_admin/gfx/button_bg.gif') no-repeat 0 0; min-width: 49px; }
#right a.baction:hover					{ }

#right a.bedit						{ }
#right a.bedit:hover					{ }
#right a.bdelete					{ }
#right a.bdelete:hover					{ }
#right a.btrigger					{ }
#right a.btrigger:hover					{ }

#right a.baction span.bicon				{ height: 30px; float: left; line-height: 30px; display: block; background: url('/_admin/gfx/iconset.png') no-repeat 50% 0; }
#right a.baction span.iedit				{ width: 53px; background-position: 50% -180px; }
#right a.baction span.idelete				{ width: 53px; background-position: 50% -210px; }
#right a.baction span.itrigger				{ width: 38px; background-position: 50% -240px; }
#right a.baction span.iright				{ width: 10px; background-position: 50% -270px; }
#right a.baction span.idown				{ width: 10px; background-position: 50% -330px; }
#right a.baction span.ui-button-text			{ padding: 0px; }

#right .arow						{ margin: 1px 0px; padding: 2px 0px; text-align: left; background-color: #EBEDF4;font-size: 11px; border-radius: 5px 0px 0px 5px; }
#right .arow_hover					{ background-color: #E1E5F2; }
#right .arow_slabel					{ line-height:28px; text-align: center; color: #ffffff; background-color: #85888F; font-size: 11px; font-weight: bold; border-radius: 5px 0px 0px 5px; margin: 5px 0px 0px 0px;}
#right .arow .leftbox					{ font-size: 10px; width: 19%; margin-top: 3px; padding: 2px 1%; float: left; text-align: left; }
#right .arow .rightboxinput				{ width: 79%; padding: 0px 0px; float: left; text-align: left; }
#right .arow .rightboxinput img				{ margin: 0px; padding: 0px; }
#right .arow .rightboxtext				{ width: 350px; padding: 4px 0px 4px 0px; float: left; text-align: left;}

#right .top_filter						{font-size: 11px;}


/*2022-01-17 - szare readonly */
input.readonly { background-color: #c9c9c9; }


/* zokraglenia przy polach formularza + mniejsza czcionka w memory + buttony do filtrow */ 
input, select, textarea { font-size: 11px; padding-left: 2px; border: none; border:solid 1px #ccc; border-radius: 4px; position:relative;top:1px;}
#right .arow .rightboxtext input { font-size: 11px; }
input[type=submit] { background-color: #365d98; border: 0px; color: white; cursor:pointer; padding:4px; border-radius: 5px;}

/* pola blokowe */
.badd								{ cursor:pointer;}
.badd span							{ font-weight: bold; position:relative;top:-13px;left:10px;}
.rblock 							{ background: #D1D4E3 !important;}
img.ui-datepicker-trigger						{ width: 24px; height: 24px; cursor:pointer; position:relative;top:1px; padding:0px !important; }
.arow .rightboxinput input.calendar, .arow .rightboxinput input.calendar_month_year	{ width: 100px; font-size: 11px; margin-left: 2px; position: relative; top: -6px; }
.arow .rightboxinput input.calendar_special_hr 	{ width: 100px; font-size: 11px; margin-left: 2px; position: relative; }


#right .button						{ margin: 2px 0px; padding: 10px 0px; text-align: left; background-color: #E1E5F2; border-radius: 5px 0px 0px 5px; /* latka 16-11-2021 -> strzalka w gore */ margin-bottom: 55px !important; }
#right .button_hover					{ background-color: #EBEDF4; }
#right .button .fleft					{ float: left; margin-left: 20px; }
#right .button .fright					{ float: right; margin-right: 20px; }
#right .button .fright input				{ width: 154px; border-radius: 5px;}

#right .button button, #right .button input[type=submit] { font-size: 10px; background-color: #365d98; border: 0px; color: white; cursor:pointer; padding:6px; border-radius: 5px;}
#right .button button:hover, #right .button input[type=submit]:hover { background-color: #15262F; border-radius: 5px;}

#sc-simple						{ width: 100%; text-align:center; margin: 0 auto; margin-top: 8px;}
#sc-simple .arow					{ margin-bottom: 8px; color: #FFFFFF; }
#sc-simple .arow .leftbox				{ padding: 2px 0px; }
#sc-simple .arow .rightboxinput				{ margin: 2px; }
#sc-simple .arow .rightboxinput input			{ width: 90%; }
#sc-simple .arow .rightboxinput input.calendar	{ width: 45%; }
#sc-simple .arow .rightboxinput select			{ width: 90%; }
#sc-simple .button					{ margin: 2px 0px; padding: 10px 0px; text-align: left; }
#sc-simple .button_hover				{ }
#sc-simple .button .fleft				{ float: left; margin-left: 5%; }
#sc-simple .button .fright				{ float: right; margin-right: 5%; }
#sc-simple .button .left input			{ width: 100%; }
#sc-simple .button .fright input			{ width: 100%; }

#sortable						{ width: 594px; margin: 10px auto; padding: 0px; list-style: none; }
#sortable li				        	{ width: 594px; height: 28px; line-height: 28px; margin: 2px 0px; padding: 4px 0px 4px 20px; border: 1px solid #CCCCCC; cursor: move; background: #EBEDF4 url('/_admin/gfx/sortable_handle.png') repeat-y 0 0; }
#sortable li.placeHolder				{ background: #FFFFFF !important; border: 1px dashed gray !important; }


#right .brow {}
#right .offer_box {outline:1px solid #15262F; width:23.5%; height:100%; margin-right: 1.98%; margin-top: 15px; margin-bottom: 15px; float: left; background-color: #ffec85; color: #000000; /*box-shadow: 5px 5px 10px #898989;*/}
#right .offer_box a{font-size: 12px; color: #ff0000;}
#right .offer_box:nth-child(4n+1) {clear:both;}
#right .offer_box:nth-child(4n) {margin-right:0px;}
#right .offer_box .offer_type {min-height: 28px; padding: 5px; font-size: 15px; text-align: center; font-weight: bold; line-height:26px; border-bottom: 1px solid #000000;}
#right .offer_box .offer_status {padding: 5px; border-bottom: 1px solid #000000;font-size: 10px;}
#right .offer_box .offer_status .new {font-weight:bold; color:#098200;}
#right .offer_box .offer_status .out_of_date {font-weight:bold; color:#ff0000;}
#right .offer_box .offer_note {padding:5px;border-bottom: 1px solid #000000;}
#right .offer_box .offer_admin {padding:5px;border-bottom: 1px solid #000000;font-size: 10px;}
#right .offer_box .offer_details {padding:5px;font-size: 10px;}
#right .offer_box .offer_options {padding:5px 0px;width:50%;text-align:center;float:left;border-top: 1px solid #000000; background-color:#15262F;}
#right .offer_box .offer_options a{color:#ffffff;}


/* konkretne tablice */

table.table_block {
	font-family:arial;
	font-size: 10px;
	width: 100%;
}

table.table_block thead tr th, table.table_block tfoot tr th {
	background-color: #15262F;
	border: 1px solid #15262F;
	color: #ffffff;
	font-size: 10px;
	padding: 4px;
}

.dcaption                       {font-size: 14px; color: #15262F; font-weight: bold; text-align:center !important;}
img.flag_icon			{position:relative;top:4px;} 

.order_share_block, .torder_share_block, .contractor_share_block, .admin_assistant_block, .admin_assistant_settlements_block {text-align:center;}
.order_share_block td,.torder_share_block td, .contractor_share_block td, .admin_assistant_block td, .admin_assistant_settlements_block td {width:20%;height:32px; border-bottom: 1px solid #000; bottom-right: 1px solid #000;}


table.tablesorter {/*box-shadow: 0px 0px 2px #000000;*/}
table.tablesorter td.toptions { min-width: 49px; }
table.tablesorter tbody td.logo { padding:0px; }
table.tablesorter td.logo img { max-width: 64px; vertical-align: middle;}
table td.tooltip_logo img { max-width: 300px;}

table tr.orow, table tr.irow, table tr.dsrow, table tr.torow, table tr.dsirow { border-bottom: 1px solid #15262F; }
table tr.tz_wz_row { border-bottom: 2px solid #15262F; }
table tfoot tr td{ padding-top: 10px;}


table.tborder { border-left: 1px solid #000; border-top: 1px solid #000;}
table.tborder th { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 5px; background-color: #d9d9d9; }
table.tborder td { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 5px; background-color: #fff; }

table.tcontractor td { padding: 5px; }

tr.tr_hover td {background-color: #C9C9C9 !important;} 
tr.tr_hover td.row_tooltip {background-color: #b5b5b5 !important;}
tr.tr_hover td.row_tooltip:hover  {background-color: #919191 !important;}
tr td.tooltip_on, tr.tr_hover td.tooltip_on { background-color: #717171 !important; }


/* div.row_tooltip {background-color: #b5b5b5 !important;}  */
div.row_tooltip:hover  {background-color: #919191 !important;}
div.tooltip_on { background-color: #717171 !important; }
div.row_tooltip div.row_tooltip_hidden { display:none; }


div.tooltip_header { border-bottom: 1px solid #000; font-weight: bold; }

.infobox {text-align:left;background-color:#d9d9d9;color:black;}
.infobox_header {border-radius: 5px 0px 0px 5px; font-weight: bold; cursor:pointer; background-color: #c9c9c9; padding: 10px; font-weight: bold; }
.infobox_content {font-size:10px;cursor:pointer; padding: 10px;}

span#irnumber, span#onumber, span#proforma_number_info { font-size: 18px; font-weight: bold; color: #000; }


.paid_sum_block {width: 100%; text-align:center; font-size: 12px;}
.pfont {font-size: 20px;}

form.config #right .arow .leftbox { width: 35% !important;}
form.config #right .arow .rightboxinput { width: 60% !important; }

#save_gcategory_tree { font-size: 11px;}

.fs20 {font-size: 20px; }
.fs16 {font-size: 16px; }
.fs14 {font-size: 14px; }
.fs10 {font-size: 10px !important; }
.pb20 {padding-bottom: 20px; }
img.opchange:hover {opacity: 0.2;}
img.width_50 {width: 50% !important;}

.pos_sortorder {text-align: center;cursor: pointer;background: url("/_admin/gfx/draggable_opacity.png") no-repeat scroll center 85% rgba(0,0,0,0.5);background-size: 40%;background-position:10% 49%; border:1px solid #000; background-color: #d9d9d9 !important;}
span.pos_sortorder_value {font-size: 20px;font-weight: bold;position:relative;left:5px;}
.sortable_placeholder { border:1px dashed #000; background-color: #B5B8Bf;}



/* custom combobox */
.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 5px;
  }
  
  .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  
  /* latka na opcje w select (wiekszy padding) */
 select option {
    padding: 1px 10px 1px 1px;
}

.qs { font-weight: bold; padding-bottom: -5px;}
.qs_value, .qs_value_pln { font-size: 18px; }
.qs_pln { font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 15px; }


.has_internal_note { background: url("/_admin/gfx/note.png") no-repeat scroll center 85% rgba(0,0,0,0.5);background-size: 15%;background-position:1% 98%; }

.has_proforma {
  background:url("/_admin/gfx/proforma.png") 1% 98% / 10% no-repeat scroll rgba(0, 0, 0, 0.498039);
}


#dashboard {
	width: 100%;
	height: 100%;
	position:relative;
	top:28px;
	

	
}


.dash-box-container {
	width: 180px;
	height: 180px;
	float: left;
}

.dash-box {
	height: 170px;width:170px;
	margin: 5px;
	text-align:center;
	display:table;
	float: left;
	transition: all 0.2s ease-out;
	border-radius: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	
}

.dash-box:hover {
	width: 175px !important;
	
	left: -5px;
	
	color: #fff !important;
	
}

.dash-box a {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.dash-box a:hover {
	color: #fff;
}

.dash-color-1 {
	background: #4C8A8A;
        -webkit-box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
        -moz-box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
        box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
	}
.dash-color-1:hover {
	background: #13384A;
        -webkit-box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
-moz-box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
}	
	
.dash-color-2 {
	background: #815999;
        -webkit-box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
        -moz-box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
        box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
	}

.dash-color-2:hover {
    background: #13384A;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
-moz-box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
}
        
.dash-color-3 {
	background: #7A94AB;
        -webkit-box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
        -moz-box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
        box-shadow: inset 0px 0px 63px -20px rgba(66, 68, 90, 1);
	}

.dash-color-3:hover {
    background: #13384A;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
-moz-box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
box-shadow: 0px 0px 3px 3px rgba(2, 100, 148, 1);
}




.clog_box {
	width: 100%;
	height: 100%;	
	background: #fff;
	border: 1px solid #a7a7a7;
	box-sizing: border-box;
	margin-bottom: 20px;
	color: #000;
}


.clog_header {
	padding: 20px;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
}
.clog_header .clog_date {
	font-size: 16px;
	margin-right: 20px;
}	


.clog_header .clog_name {
	font-size: 14px;
	text-align: center;
}

.clog_header .clog_admin {
	font-size: 10px;
	display:block;
	float: right;
}

.clog_content {
	padding: 20px;
}

li.virtual, li.virtual_internal { margin-left: 10px !important; }

input.ronly, select.ronly { background-color: rgb(235, 235, 228); color: rgb(84, 84, 84); }


#panel_details { position:fixed; bottom:0px; background: white; width:99%; height:150px; }

.panel_resizer { height:10px !important; width:100%; z-index:2; background:#c9c9c9; }
        
.panel_resizer:hover { background:#a9a9a9; position: absolute; height: 50px !important; top: -30px; }
        
.panel_resizer_toggler { background-color:#BBBBBB; border:1px solid #BBBBBB; width: 50px; margin: 0px auto; height: 8px; cursor: pointer; }
        
.panel_resizer_toggler:hover { background-color:#dddddd; }

.panel_content { margin-top:10px; z-index:1; overflow-y:scroll; height:100%; }

input[type="date"] { 
    font-size: 12px !important;
    width: 120px !important;
}

.scrollToTop{
    width:24px; 
    height:24px;
    text-align:center; 
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom:28px !important;
    right:34px;
    display:none;
}
.scrollToTop:hover{
    text-decoration:none;
}


table.tablesorter tbody tr.canceled td:not(.toptions) {
    background-color: #fbfbfb !important;
    color: grey !important;
    font-style: italic !important;
}

table.tablesorter tbody tr.canceled td:not(.toptions) span {
    background-color: #fbfbfb !important;
    color: grey !important;
    font-style: italic !important;
}


/* latka 16-11-2021 -> na przycisk strzalki */
#right table.tablesorter {
    margin-bottom: 55px !important;
}


.a_button {
    background-color: #365d98 !important;
    font-size: 11px;
    border: 0px;
    color: white !important;
    cursor: pointer;
    padding: 4px;
    border-radius: 5px;
}

.a_button:hover {
    color: #fff;
}

a.fancybox:hover {
    font-weight: bold !important;
}

.blink {
animation-duration: 1s;
animation-iteration-count: infinite;
animation-name: blink;
}

@keyframes blink {
0% {opacity: 1;}
75% {opacity: 1;}
76% {opacity: 0;}
100% {opacity: 0;}
}

.new_color {
    color: #D112B1;
}


.erp_button {
    background-color: #365d98;
    font-size: 11px;
    border: 0px;
    color: white !important;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    opacity: 1;
    
    
}

.erp_button:hover {
    color: #fff !important;
    opacity: 0.7 !important;
}

/*26-04-2021 -> pola datowe z html5 */
input.html5_date_field {
    font-family: "Arial", sans-serif; font-style: normal; font-size: 11px;
    cursor: text;
}

select option:disabled {
    color: #f00;
}

.ui-dialog { z-index: 999999 !important; }

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

li.ui-menu-item a.payment_history:hover { font-weight: 400 !important; }

/* tutaj ekran globalnego kalendarza */
div.hr_calendar_global_view {
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    left:0px;
    top: 0px;
    background-color: #CCCCCC;
    overflow: scroll;
    z-index: 9999 !important;
}