/* Site2 */
html,
body {
    height: auto !important;
    min-height: 100%;
}

.container {
        width: 100%;
    }

.right {
text-align: right; 
}

.popover {
	z-index: 9999999;
}

.center {
	text-align: center;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.isDemo {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

/* modal */
.modal-backdrop.in {
    opacity: .7;
}
.modal-content {
	border: none;
}

/* mozliwosci */
.headerline {
    background-color: #337ab7;
    background-image: linear-gradient(#9dccf4, #337ab7);
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #337ab7;
}

.headerline span {
	margin-right: 8px;
}

/*style strony logowania*/
.loginstyle {
		margin-top:50px; 
		}

@media (min-width: 420px) {
	.loginstyle {
		margin-top:70px;
	    border: 1px solid #c2c2c2;
		background-color: #fff;
		border-radius: 5px;
		padding: 20px;
		}
		
	h1,h2 {margin-top: 10px;}
	
	.pattern {
    background-image: url(./../img/login_patern.jpg);	
	}
	
	.pattern_full {
		background: white;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-size: 14px;
	}
	
	.pattern_h1 {
    font-size: 3.125em;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 4px #9dccf4;
    color: #337ab7;
    margin-bottom: 20px;
	}

}

@media (max-width: 767px) {
	.pattern_h1 {
		font-size: 1.525em;
		margin-top: 50px;
	}
	
	.headerline {
		font-size: 1.275em;
	}
	
}

/*  */

.form-group{margin-bottom:0;}
.filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
.fitler-table .quick:hover { text-decoration: underline; }
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
td.bor2{
   border: 1px solid black;
   border-collapse: collapse; 
   text-align: center;
   font-size :10px; 
   padding: 2px;
  } 
td.bk-green{background-color:#7ef17e;}
td.bk-yellow{background-color:#fdfd54;}
td.bk-red{background-color:#ff6b6b;}
td.cl-green{background-color:#d2fbd2;}
td.cl-grey{color:#ccc;}

.grid-view > table > tbody > tr:hover {
	background-color: #ffffc3;
}

.btn-pad {padding:1px 2px;}

.instr-wyniki > tbody > tr:hover {
	background-color: #ffffc3;
}

/*ORZ - zagrożenia*/
td.ryz{
   border: 1px solid #ccc;
   border-collapse: collapse; 
   text-align: center;
   font-size :10px; 
   padding: 2px;
  } 
th.ryz{
   border: 1px solid #ccc;
   border-collapse: collapse; 
   text-align: center;
   font-size :12px; 
   font-weight:bold;
   padding: 2px;	
}
tr.ryz:nth-child(even) { background-color: #f9f9f9; }
tr.ryz:hover { background-color: #ffffc3; }
td.ryz:hover {text-decoration:none !important;}  

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -38px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 60px 15px 20px;
}


.footer {
    height: 36px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/*przycisk zmiany trybu wprowadzania danych combo<->inputtext*/
.change-mode {
	color: #118fff;
	cursor: pointer;
}

/*daterangepicker - przyciski pojawiają się na dole strony*/
.daterangepicker .applyBtn {display: none;}
.daterangepicker .cancelBtn { display: none;}


/*filterTable*/
.highlight { background-color: yellow }

/*kontrtole wew - miniaturki zdjęć*/
.galeria:focus{
	outline: 0;
	border: none;
	-moz-outline-style: none
}

.dropdown>a:hover {text-decoration:none;}

.flaga {border:1px solid #888;}
.chbox_modal_header * { color:#eeeeee !important;}


/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* Moje */
/*xtra large modal*/
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}


/*JQuery walidacja*/
.myerror {
   color: #ff0000;
   font-size: 11px;
   margin-top: 5px;
   margin-bottom: 0;
}
.inputTxtError {
	border: 1px solid #ff0000;
	color: #0e0e0e;
}

.input-xs {
  height: 22px!important;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
  height: 22px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  z-index: 1100;
}
.icon-5x{font-size:5em}

/*loading div plus animation on glyphicon*/
/* Przyciemnienie całego ekranu wokół okna ładowania */
#load {
    z-index: 99999;
    display: none;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65); /* przyciemnienie tła */
    backdrop-filter: blur(3px);       /* lekkie rozmycie tła */
    -webkit-backdrop-filter: blur(3px);
}

/* Okno ładowania na środku */
#load .load-box {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 280px;
    max-width: 90%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    color: #222;
    padding: 30px 36px;
    border-radius: 16px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
    text-align: center;
}

/* Spinner */
.load-spinner {
    width: 46px;
    height: 46px;
    margin: 0 auto 16px auto;
    border-radius: 50%;
    border: 4px solid #e5e7eb;
    border-top-color: #337ab7;
    animation: loadSpin 0.85s linear infinite;
}

#load-info {
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.load-subinfo {
    margin-top: 8px;
    font-size: 13px;
    color: #666;
}

@keyframes loadSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.navbar-brand:focus,
.navbar-brand:active,
.navbar-brand:hover {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

/*prawa dostepu*/
.priv:hover{ cursor: pointer;}

/*wyświetlanie haseł*/
.pass-display {
	border:0;
	background-color:#def321;
	color:red;
	cursor:pointer;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
	background-image: linear-gradient(#88e288, #5cb85c);
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    color: #fff;
	border-color: #d9534f;
    background-color: #c44642;
	background-image: linear-gradient(#e07b7b, #c44642);
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
	background-image: linear-gradient(#f9d5a2, #f0ad4e);
}

.panel-yellow a {
    color: #f0ad4e;
}


.panel-blue {
    border-color: #5bc0de;
}

.panel-blue .panel-heading {
    color: #fff;
    border-color: #4da7c1;
    background-color: #4da7c1;
	background-image: linear-gradient(#5bc0de, #4da7c1);
}

.panel-blue a {
    color: #5bc0de;
}

.panel-blue a:hover {
    color: #3d99b4;
}

.panel-gray {
    border-color: #555;
}

.panel-gray .panel-heading {
    border-color: #777;
    color: #fff;
    background-color: #555;
	background-image: linear-gradient(#888	, #555);
}

.panel-gray a {
    color: #555;
}

.panel-gray a:hover {
    color: #333;
}

.panel-gray a.det {
    color: red;
}

.form-control {
padding: 2px 4px;
}

.bs-callout{padding:15px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-danger{border-left-color:#d9534f}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-success{border-left-color:#5cb85c}
.bs-callout-success h4{color:#5cb85c}
.bs-callout-warning{border-left-color:#f0ad4e}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{border-left-color:#5bc0de}
.bs-callout-info h4{color:#5bc0de}
.bs-callout h4{margin-top:0;margin-bottom:5px}

/* filter table jquery */
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
.filter-table {
 margin-top: 5px;
 margin-bottom: 5px;
}



/*menu*/
/*
#timerText {
 position: fixed; right: 15px; top: 42px;
}
*/	
	
.btn-highest {
	height:34px;
}

.menu {
line-height: 12px;
}
.menu_user {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.menu_firma {
	font-size: 10px;
	color: #ccc;
}


/* kolory */
.red {
 color: #b52b27;
 }
 
 .green {
  color: #5cb85c;
 }

 .yellow {
  color: yellow;
 }
 
 .blue {
  color: #0099ff;
  cursor: default;
 }

 .notset {
  color: #AAA;
 }
 
/*taby - osoby z Moodle*/
.tab-height-quiz {
	height: 100% !important;
}

 
/*panele*/
 .alert-help {
    color: #333;
    background-color: #cce6ff;
    border-color: #80c1ff;
	text-align:justify;
}
 
/* prawa */
.priv_on {
 color: #000;
 background-image: url('./../img/ok.png');
 background-repeat: no-repeat;
/* padding-left: 30px; */ 
 display: block;  
}

.priv_off {
 color: #ccc;
 background-image: url('./../img/deny.png');
 background-repeat: no-repeat;
/* padding-left: 30px;  */
 display: block;  
}
.div_priv {margin-bottom:1px;}

.div_priv span {
	display: inline-block;
	vertical-align: top;
	margin-top:-3px;
	padding-left: 0;
	padding-right: 0;
}
.nodel-body {padding:0 15px;}

table.historia > tbody{
	font-size: 11px;
}

table.historia > tbody > tr > td {
	padding: 2px 8px;
}


table.raport  {
border-collapse: collapse; 
border: 1px solid #aaa;
width:100%;
}

.raport td,th {
padding-right: 3px;
padding-left: 3px;
height : 35px;
border: 1px solid #aaa;
/*font-size :12px;*/
font-family: Arial;
}


table .rejestr-aktualizacja {
	border-collapse: collapse; 
	border: 1px solid #aaa;
	width:100%;
}
.rejestr-aktualizacja td, .rejestr-aktualizacja th {
	padding-right: 3px;
	padding-left: 3px;
	vertical-align: center;
	text-align: center;
	border: 1px solid #aaa;
}

/*badge na site*/
.badge-std {
margin-bottom: 3px;
min-width: 35px;
}
.badge-light {
color: #ff3232 !important;
background-color: #f8f9fa !important;
}

#opiekun-warning, #uzytkownik-warning {
	/*margin-bottom: 15px;*/
	top: -7px;
}

/*jui datepicker size*/
div.ui-datepicker{
	font-size: 1.3em;
}


/*okno wyników dla popover-x*/
.select2-container--open { z-index:5002;}

/*zdjecia kontrole*/
.img_btn { position:relative; top:-35px; left:-33px;	}
.imagefile { float:left; }

/*zdjecia wydatek energetyczny*/
.img_del_btn { position:relative; top:-82px; left:-40px; }

/*zadania - terminy*/
.zadania-footer {
	padding: 0px;
	border-top: none;
}
table.zadania { width: 100%;}
.zadania td {
	border-collapse: collapse; 
	border: 1px solid #aaa;	
	padding: 3px;
}
.zadania td.naglowek{
	padding: 6px;
}
.zadania tr:first-child>td { border-top: none;}
.zadania tr>td:first-child { border-left: none;}
.zadania tr>td:last-child { border-right: none;}
.zadania tr:last-child>td { border-bottom: none;}
.firmarow {border-bottom:1px solid #eee; padding:3px;}


/*kontrole wykaz*/
tr.kontrola:hover {
    background-color: #ffffc3 !important;
}
tr.kontrola:hover + tr.kontrola2 {
    background-color: #ffffc3 !important;
}
tr.kontrola:hover + tr.kontrola2 + tr.kontrola3 {
    background-color: #ffffc3 !important;
}
tr.kontrola2:hover {
    background-color: #ffffc3 !important;
}
tr.kontrola3:hover {
    background-color: #ffffc3 !important;
}



/*upload progress bar*/
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
	display: none;
}
#progress-wrp .progress-bar{
    height: 100%;
    border-radius: 3px;
    background-color: #2d99ed;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}

.cookie-div {
	z-index:3001;
	background:#000;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.85;
	padding: 50px 50px;
	display:none;
}
.cookie-content {
	text-align:center;
	color:white;
	font-size:14px;
	line-height:1.4;
	opacity:1;
}


/*gus_z10_form*/
.gus-grid1 {
  display: grid;
  grid-template-columns: 5% 1fr 20% 20% 20% 20%;
  grid-gap: 1px;
  place-content: start start; 
}

.gv-item {
	box-shadow:0 0 0 1px black;
	place-self: strech strech;
	padding: 2px 5px 0 5px;
}
.gv-head {
	display: flex;
	align-items: center;      
	justify-content: center; 
	box-shadow:0 0 0 1px black;
}

.gv1-header-main1 { 
  grid-column: 3 / span 4;
  grid-row: 1;	
}
.gv1-header-main2 { 
  grid-column: 3 / span 3;
  grid-row: 2;	
}
.gv1-header-col1 { 
  grid-column: 1 / span 2; 
  grid-row: 1 / span 3;	
}
.gv1-header-col2 { 
  grid-column: 3;
  grid-row: 3;
}
.gv1-header-col3 { 
  grid-column: 4;
  grid-row: 3;
}
.gv1-header-col4 { 
  grid-column: 5;
  grid-row: 3;
}
.gv1-header-col5 { 
  grid-column: 6;
  grid-row: 2 / span 2;
}

.gv1-item2 { grid-column: 1 / span 2; }
.gv1-item3 { grid-row: 5 / span 2; }
.gv1-item4 { grid-row: 7 / span 3; }

.gus-grid2 {
  display: grid;
  grid-template-columns: 5% 1fr 20% 20% 20% 20%;
  grid-gap: 1px;
  place-content: start start; 
}
.gv2-header-main { 
  grid-column: 1 / span 2; 
  grid-row: 1 / span 3;	
}
.gv2-header-main1 { 
  grid-column: 3 / span 4;
  grid-row: 1;	
}
.gv2-header-main2 { 
  grid-column: 3 / span 2;
  grid-row: 2;	
}
.gv2-header-main3 { 
  grid-column: 5 / span 2;
  grid-row: 2;
}
.gv2-header-col1 { 
  grid-column: 3 ; 
  grid-row: 3;	
}
.gv2-header-col2 { 
  grid-column: 4;
  grid-row: 3;
}
.gv2-header-col3 { 
  grid-column: 5;
  grid-row: 3;
}
.gv2-header-col4 { 
  grid-column: 6;
  grid-row: 3;
}

.gus-grid3 {
  display: grid;
  grid-template-columns: 25% 1fr 20% 20%;
  grid-gap: 1px;
  place-content: start start; 
}
.gv3-header-main { 
  grid-column: 1 / span 2; 
  grid-row: 1;	
}
.gv3-header-main1 { 
  grid-column: 3;
  grid-row: 1;	
}
.gv3-header-main2 { 
  grid-column: 4;
  grid-row: 1;	
}
.gv3-item1 {
  grid-column: 1;
  grid-row: 4 / span 3;		
}

.gus-grid4 {
  display: grid;
  grid-template-columns: 1fr 20% 20%;
  grid-gap: 1px;
  place-content: start start; 
}
.gv4-header-main { 
  grid-column: 1; 
  grid-row: 1 / span 2;	
}
.gv4-header-main1 { 
  grid-column: 2 / span 2;
  grid-row: 1;	
}
.gv4-header-main2 { 
  grid-column: 2;
  grid-row: 2;	
}
.gv4-header-main3 { 
  grid-column: 3;
  grid-row: 2;
}

#cennik p {font-size:14px;}

/*apex charts*/
.apexcharts-tooltip { font-size:9px !important; }
.apexcharts-tooltip-title { font-size:10px !important;} 


/*centrum pomocy*/
.help-search {
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 2px;
	padding-top: 5px;
}
.help-content {
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: auto;
	margin-bottom: 10px;
	padding-bottom:10px;
}
.help-content-section {
	font-size: 16px;
	font-weight: bolder;
	padding: 10px 0px 2px 5px;
	border-top: 1px solid #eee;
}
.help-content-section .dzial {
	font-size: 14px;
	font-weight: normal;
}
.help-content-item {
	font-size: 12px;
	float: left;
	padding:3px 0px 5px 10px;
}
.help-content-item i {
	color: #666;
}
.help-content-item a {
	color: #367fa9;	
	text-decoration:none;
}
.help-content-item:hover a {
	font-weight: bolder;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;	
}
.faq-title {
	font-size: 16px;
	font-weight: bold;
	padding: 3px 3px;
}
.faq-description {
	padding: 10px 10px 3px 10px;
}
.faq-help {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 15px;
	text-align:justify;
	background: #fff;
}

ul.ui-sortable {
	list-style:none;
}
ul.ui-sortable li {
	display: block;
	padding: 4px 4px 4px 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 3;
	background-color: #ccc;
	border: 1px solid #666;
	border-radius: 5px;
}
ul.ui-sortable li.ui-sortable-placeholder { 
	height:3.5em;
	line-height:3.5em;
	border: none;
	background-color:#f9f5a9;

}

.nav>li>a {padding: 15px 13px;}

/*select2 large dropdown*/
.select2-big-drop > .select2-results > .select2-results__options {
	max-height:450px;
}

/*context help*/
div.context-help {
	background:#f3f0e2; 
	color:#000; 
	position:fixed; 
	top:115px; 
	right:20px; 
	width:250px; 
	height:120px; 
	z-index:100; 
	border-radius: 10px;	
	padding:10px;
}

.show-help {
	visibility: visible;
    opacity: 1;    
    transition: visibility 0s linear,opacity 1s linear;	
}
.hide-help {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;		
}
div.context-help:before {
    content: "";
    position: absolute;
    top: 30%;                       
    margin-top: -15px;                
    right:-15px;
	border-top: 10px solid transparent;
	border-left: 20px solid #f3f0e2;
	border-bottom: 10px solid transparent;
    z-index: 101;
}
div.context-help2 {
	position:fixed; 
	top:75px; 
	right:0px; 
	width:50px; 
	height:50px; 
	z-index:100; 
}
div.context-help span {
	position:relative;
	left:-5px;
	top:-5px;
	color:#aaa;
}
div.context-help2 span {
	color:#bbb;
}


/*modal header*/
.modal-header {
	border-bottom-color : #777 !important;
	background : #3c8dbc !important;   /*blanchedalmond*/
	padding: 3px 20px 3px 20px !important;
	color : #eee;
    text-shadow:  -1px -1px 0 #3b7494,    1px -1px 0 #3b7494,    -1px 1px 0 #3b7494,    1px 1px 0 #3b7494;
	border-radius: 5px 5px 0 0;
}
.modal-header h4 {
	font-weight: bold !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.modal-header h4 .priv-display {
	position: relative;
	top: -10px;
	font-size: 10px;
	font-weight: normal !important;
	text-shadow:  none;
}
.modal-footer {
	padding: 10px;
}
.my-close-modal {
	font-size: 21px;
	cursor: pointer;
	color: #000;
	opacity: 0.2;
	text-shadow: 0 1px 0 #FFF;
}
.my-close-modal:hover {opacity: 0.5;}
#closeButton, .modal-header>.bootbox-close-button {margin-top:10px !important;}
.modal-body>.bootbox-close-button {margin-top:0px !important;}


.navbar-nav li {font-weight:normal;}
.navbar-nav li>a {font-size:14px;}
.navbar-nav li:hover {color:#ccc;}


/*cienie oraz główna strona */

/*cienie zewnętrzne*/
.main-shadow, 
.input-group,
.btn:not(.btn-xs):not(#menuprofilbtn):not(#cookie-button),
.mce-tinymce,
.alert { 
	filter: drop-shadow(2px 2px 2px #BBB); 
	outline: none;
}
.main-shadow:hover, 
.input-group:hover, 
.btn:not(.btn-xs):not(#menuprofilbtn):not(#cookie-button):hover, 
.mce-tinymce { 
	filter: drop-shadow(2px 2px 3px #AAA); 
	outline: none;
}
.main-shadow-icon { filter: drop-shadow(2px 2px 5px #666); }
.badge_std { filter: drop-shadow(1px 1px 2px #888)}
.main-box-text-b { text-shadow:  -1px -1px 0 #3a8ca3,    1px -1px 0 #3a8ca3,    -1px 1px 0 #3a8ca3,    1px 1px 0 #3a8ca3; }
.main-box-text-g { text-shadow:  -1px -1px 0 #119411,    1px -1px 0 #119411,    -1px 1px 0 #119411,    1px 1px 0 #119411; }
.main-box-text-r { text-shadow:  -1px -1px 0 #af0803,    1px -1px 0 #af0803,    -1px 1px 0 #af0803,    1px 1px 0 #af0803; }
.main-box-text-y { text-shadow:  -1px -1px 0 #f79c1c,    1px -1px 0 #f79c1c,    -1px 1px 0 #f79c1c,    1px 1px 0 #f79c1c; }

/*cienie wewnętrzne*/
input:not([type=checkbox]):not([type=radio]):not(#tabela_search) {
	box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
	-webkit-transition: .18s ease-out;
	-moz-transition: .18s ease-out;
	-o-transition: .18s ease-out;
	transition: .18s ease-out;
}
.select2-selection, select, textarea {
	box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2) !important;
	-webkit-transition: .18s ease-out;
	-moz-transition: .18s ease-out;
	-o-transition: .18s ease-out;
	transition: .18s ease-out;
}
.select2-selection:hover, 
.select2:hover, 
select:hover, 
input:not([type=checkbox]):not([type=radio]):not(#tabela_search):hover,
textarea:hover { 
	box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02) !important; 
}
.select2-selection:focus,
.select2:focus, 
select:focus, 
input:not([type=checkbox]):not([type=radio]):not(#tabela_search):focus,
textarea:focus { 
	box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2) !important; 
}

.nouderline { text-decoration: none !important; }






/*navbar submenus marginesy, czcionka i karetka*/
@media (min-width: 767px) {
  /*  .navbar-nav .dropdown-menu .caret {transform: rotate(-90deg); }
	.navbar-nav .dropdown-menu > li > a {font-size:12px;} */
	/*
	@-webkit-keyframes showup {  0%   { opacity: 0; }  100% { opacity: 1; }	}
	@-moz-keyframes showup {  0%   { opacity: 0; }	  100% { opacity: 1; }	}
	@-o-keyframes showup {	  0%   { opacity: 0; }	  100% { opacity: 1; }	}
	@keyframes showup {  0%   { opacity: 0; }	  100% { opacity: 1; }	}	
	.pracownicy:hover:before{ animation: showup 0.7s; content: 'Pracownicy '; font-family: Arial;}
	.dokumenty:hover:before{ animation: showup 0.7s; content: 'Dokumenty '; font-family: Arial;}
	.kontrole:hover:before{ animation: showup 0.7s; content: 'Kontrole '; font-family: Arial;}
	.wypadki:hover:before{ animation: showup 0.7s; content: 'Wypadki '; font-family: Arial;}
	.substancje:hover:before{ animation: showup 0.7s; content: 'Substancje '; font-family: Arial;}
	.maszyny:hover:before{ animation: showup 0.7s; content: 'Maszyny '; font-family: Arial;}
	.badania:hover:before{ animation: showup 0.7s; content: 'Badania '; font-family: Arial;}
	.rejestry:hover:before{ animation: showup 0.7s; content: 'Rejestry '; font-family: Arial;}
	.raporty:hover:before{ animation: showup 0.7s; content: 'Raporty '; font-family: Arial;}
	.pomoc:hover:before{ animation: showup 0.7s; content: 'Pomoc '; font-family: Arial;}
	*/
/*	ul.nav > li > a { font-size:14px; }*/
}

@media only screen and (max-width: 1024px) {
	.btn { margin-bottom : 3px;}
}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu > li > a {font-size:11px; line-height:14px; padding:3px 0 3px 25px;}
	.navbar-nav .dropdown-menu li a.sub{padding:3px 0 3px 40px;}
	#main-space { width: 100%; padding: 35px 20px 60px 20px;}
	#switch { display: none;}
}

/*responsive font-size*/
body { font-size:12px; }
h1 { font-size:2.125em; margin-top: 10px}
h2 { font-size:1.875em; margin-top: 10px}
@media screen and (max-width: 768px) {
 body { font-size:12px; } 
 }
@media screen and (max-width: 640px) {
 body { font-size:11px; }
}
@media screen and (max-width: 480px) {
 body { font-size:10px; }
}
/*brak przycisków i linków na wydrukach z przeglądarki*/
@media print {
	/*printing background img*/
	.priv_off, .priv_on {-webkit-print-color-adjust:exact !important;}
    .btn {display: none;}
	a[href]:after {content: none !important;}
	.noprint, .filter-table, .summary, .breadcrumb  {display: none !important;height: 0;}
	a > .glyphicon {display: none !important;height: 0;}
	a > .fa {display: none !important;height: 0;}
	#w1  {display: none !important;width:0px;}
	.navbar  {display: none !important;width:0px !important;}
	.bar-top  {display: none !important;height:0px !important;}
	#main-space {padding: 0 20px 0px 20px !important;}
	.f72ae2451945b05db22e765db6a5e397 {display: none !important;height: 0;}
}


#bar-top { position: fixed;z-index:500;}	

@media screen {
	.noscreen {display: none !important;height: 0;}
}

.navbar { 	
	-webkit-transition: opacity .8s ease-out;
	-moz-transition: opacity .8s ease-out;
	-o-transition: opacity .8s ease-out;
	transition: opacity .8s ease-out;
}
.navbar:hover { 	
	opacity: 1.0;
}
.navbar-brand { margin-left: 0;}

		#tooltip
		{
			font-family: Ubuntu, sans-serif;
			font-size: 0.875em;
			text-align: center;
			text-shadow: 0 1px rgba( 0, 0, 0, .5 );
			line-height: 1.5;
			color: #fff;
			background: #333;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-top: 1px solid #fff;
			-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			position: absolute;
			z-index: 100;
			padding: 15px;
		}
			#tooltip:after
			{
		        width: 0;
		        height: 0;
		        border-left: 10px solid transparent;
		        border-right: 10px solid transparent;
				border-top: 10px solid #333;
		        border-top-color: rgba( 0, 0, 0, .7 );
				content: '';
				position: absolute;
				left: 50%;
				bottom: -10px;
				margin-left: -10px;
			}
				#tooltip.top:after
				{
			        border-top-color: transparent;
					border-bottom: 10px solid #333;
			        border-bottom-color: rgba( 0, 0, 0, .6 );
					top: -20px;
					bottom: auto;
				}
				#tooltip.left:after
				{
					left: 10px;
					margin: 0;
				}
				#tooltip.right:after
				{
					right: 10px;
					left: auto;
					margin: 0;
				}


/*CMR*/


.cmr-widget {
 padding: 3px 0px;
}
.cmr-info .badge {
    font-size: 12px;
    padding: 5px 12px;
    border: 1px solid #aaa; /* Granica między elementami */
    display: inline-block;
    line-height: 1.4;
	margin: 0px -2px;
}

.left-badge {
    border-radius: 15px 0 0 15px; /* Zaokrąglenie tylko z lewej strony */
    border-right: none; /* Usuń obramowanie z prawej, by elementy przylegały */
}

.middle-badge {
    border-radius: 0; /* Prostokątny kształt */
    border-right: none; /* Usuń obramowanie z prawej */
}

.right-badge {
    border-radius: 0 15px 15px 0; /* Zaokrąglenie tylko z prawej strony */
}

.single-badge {
	border-radius: 15px 15px 15px 15px; /* Zaokrąglenie z lewej i prawej strony */
}

.badge-danger {
    background-color: #ff6b6b;
    color: white;
}

.badge-warning {
    background-color: yellow;
    color: black;
}

.badge-info {
    background-color: blue;
    color: white;
}

.badge-grey {
    background-color: #ccc; /* Jasno szary kolor */
    color: white;
}
/*#introJs*/
#global-progress-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Przyciemnienie tła */
    z-index: 9998; /* Pod paskiem postępu */
    display: none; /* Ukryte domyślnie */
}

#global-progress-container {
    position: fixed;
    top: 50%;
    left: 15%;
	height: 100px;
	width:75%;
    z-index: 9999; /* Zawsze nad przyciemnieniem */
    background-color: #e3e3e3; /* Tło dla kontenera */
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Cień dla lepszego efektu */
    text-align: center;
}

.progress {
    width: 100%;
    background-color: #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}

.progress-bar {
    width: 0%;
    background-color: green;
    color: white;
    height: 20px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

#global-progress-text {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}



/*#introJs*/


/*
#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after 
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
*/


.highlight-checkbox {
    animation: pulsate 0.6s ease-in-out;
}

@keyframes pulsate {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    min-width: 0;
}

.nowrap_outer {
    flex-shrink: 0;
    white-space: nowrap;
}

.kulka {
      display: inline-block;
      width: 10px;       /* średnica */
      height: 10px;
      border-radius: 50%; /* robi kółko */
      margin-right: 6px; /* odstęp od tekstu */
    }
	
.niebieska { background-color: #5bc0de; }
.zielona { background-color: #5cb85c; }
.czerwona { background-color: #d9534f; }
.zolta   { background-color: #FFD700; }



/* kontener na wiele kafelków (opcjonalnie) */
/* kafelek: hover tylko gdy najeżdżasz na część linkową (tekst) */
.bhp2-tile{
  display:grid;
  grid-template-columns: var(--icon-size, 64px) 1fr; /* kolumna = rozmiar ikony */
  column-gap: var(--tile-gap, 0px); /* <= kontrola odstępu poziomego */
  align-items:center;
  padding:6px 8px;
  margin :3px 3px;
  background:var(--tile-bg, #fff);
  border:1px solid var(--tile-bd, #e6e8eb);
  border-radius:8px;
  color:#111;
  box-shadow:0 1px 1px rgba(0,0,0,.04);
  transition:border-color .2s, box-shadow .2s;
}

/* Podświetl cały panel tylko gdy hover/focus jest na linku (nowoczesne przeglądarki) */
@supports selector(:has(*)) {
  .bhp2-tile:has(.bhp2-tile__link:hover),
  .bhp2-tile:has(.bhp2-tile__link:focus-visible){
    border-color:var(--tile-bd-hover, #cfd6df);
    box-shadow:0 2px 8px rgba(0,0,0,.06);
  }
}

/* Fallback: subtelne podświetlenie samej sekcji linkowej */
.bhp2-tile__link{
  display:block;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
}

/* Ikona większa + obwódka (ring) – nie reaguje na hover linka */
.bhp2-tile__icon{
  width:42px; height:42px;
  padding: var(--icon-pad, 2px);     	
  display:grid; place-items:center;
  border-radius:8px;
  background:var(--icon-bg, #e8f7e8);
  box-shadow: inset 0 0 0 1px var(--icon-ring, #bde9bd); /* obwódka */
  display: grid; place-items: center;
}
.bhp2-tile__icon img,
.bhp2-tile__icon i,
.bhp2-tile__icon svg{
  max-width:32px; max-height:32px; display:block;
}

/* na wszelki wypadek: nie zmieniaj ikony przy hoverze linka */
.bhp2-tile__link:hover ~ .bhp2-tile__icon,
.bhp2-tile__link:focus ~ .bhp2-tile__icon{
  background:var(--icon-bg, #e8f7e8);
  box-shadow: inset 0 0 0 3px var(--icon-ring, #bde9bd);
}

.bhp2-tile__body{ min-width:0; }
.bhp2-tile__title{ margin:0; font-weight:600; line-height:1.2; overflow-wrap:anywhere; }
.bhp2-tile__subtitle{ margin:2px 0 0; font-size:.875rem; color:#6b7280; overflow-wrap:anywhere; }

/*pomoc pliki*/
.i_bold {font-weight: bold;}
.i_blue {color:blue;}
.i_gray {color:gray;}
.i_green {color:green;}
.i_black {color:black;}
.i_italic {font-style:italic;}

/*infmacje obwodkowe*/
.label-outline-success{
	width:52px;
	height:18px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:#fafffa;
	color:#5cb85c;
	border:1px solid #5cb85c;
	border-radius:3px;
	font-size:11px;
	font-weight:bold;
	margin-top:1px;
	padding:1px 0px 0px 0px;
}
.label-outline-danger{
	width:52px;
	height:17px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:#fff9f9;
	color:#d9534f;
	border:1px solid #d9534f;
	border-radius:3px;
	font-size:11px;
	font-weight:bold;
	margin-top:1px;
	padding:1px 0px 0px 0px;
}

.label-outline-warring{
	width:52px;
	height:17px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:#fff9f0;
	color:#f39c12;
	border:1px solid #f39c12;
	border-radius:3px;
	font-size:11px;
	font-weight:bold;
	margin-top:1px;
	padding:1px 0px 0px 0px;
}

.label-outline-info{
	width:52px;
	height:17px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	color:#2e6da4;
	border:1px solid #2e6da4;
	border-radius:3px;
	font-size:11px;
	font-weight:bold;
	margin-top:1px;
	padding:1px 0px 0px 0px;
}
.label-outline-default{
	width:52px;
	height:17px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	color:#bbb;
	border:1px solid #bbb;
	border-radius:3px;
	font-size:11px;
	font-weight:bold;
	margin-top:1px;
	padding:1px 0px 0px 0px;
}


/* ===============================
   GLOBALNY WYGLĄD POPOVERÓW
   =============================== */

.popover,
.popover-x {
    border: 1px solid #bbb !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15) !important;
	padding : 8px;
}

/* Nagłówek zwykłego Bootstrap popover */
.popover-title {
    background: #0f3b78 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #0b2f61 !important;
    font-weight: 600;
    border-radius: 8px 8px 0 0 !important;
}

/* Nagłówek Kartik PopoverX */
.popover-title,
.popover-header,
.popover-x .popover-header {
    background: #f1f7ff !important;
    color: #0f3b78 !important;
    border-bottom: 1px solid #bfdbfe !important;
}

/* Treść */
.popover-content,
.popover-body,
.popover-x .popover-body,
.popover-x .popover-content {
    background: #ffffff !important;
    color: #1e293b !important;
    font-size: 15px;
    line-height: 1.4 !important;
}

.popover-content,
.popover-body,
.popover-x .popover-body,
.popover-x .popover-content {
    padding: 10px 12px 12px 12px !important;
}

/* Stopka PopoverX */
.popover-footer,
.popover-x .popover-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 0 0 8px 8px !important;
	padding: 10px 10px 10px 10px !important;
}

.popover.bottom > .arrow:after,
.popover-x.bottom > .arrow:after {
    border-bottom-color: #f1f7ff !important;
}

.popover.bottom > .arrow:after,
.popover-x.bottom > .arrow:after {
    border-bottom-color: #f1f7ff !important;
}

.popover.top > .arrow:after,
.popover-x.top > .arrow:after {
    border-top-color: #f1f7ff !important;
}

.popover.left > .arrow:after,
.popover-x.left > .arrow:after {
    border-left-color: #f1f7ff !important;
}

.popover.right > .arrow:after,
.popover-x.right > .arrow:after {
    border-right-color: #f1f7ff !important;
}

.site-index {
	margin-top:-10px;
}



#bar-top .bhp-topbar-list {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 42px;
    margin: 0 !important;
    padding: 0 12px !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

/* Wszystkie elementy domyślnie nie rozpychają się */
#bar-top .bhp-topbar-list > li {
    flex: 0 0 auto !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

/* Breadcrumb ma zabrać całe wolne miejsce */
#bar-top .bhp-topbar-list > li.bhp-topbar-breadcrumb,
#bar-top #breadcrumb-li {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin-right: 10px !important;
}

/* Breadcrumb wewnątrz też ma się dopasować */
#bar-top #breadcrumb-li .breadcrumb {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Element firmy po prawej */
#bar-top .bhp-topbar-list > li.firma-zmien {
    flex: 0 1 auto !important;
    max-width: 420px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin-left: 0 !important;
}

/* Chip firmy nie może rozpychać całego paska */
#bar-top .bhp-company-chip {
    max-width: 100% !important;
    min-width: 0 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Timer i ikonki po prawej bez rozciągania */
#bar-top .bhp-topbar-list > li:not(.bhp-topbar-breadcrumb):not(#breadcrumb-li) {
    flex: 0 0 auto !important;
}

@media (min-width: 767px) {

    html,
    body {
        height: auto !important;
        min-height: 100% !important;
    }

    .wrap {
        min-height: calc(100vh - 38px)  !important;
        height: auto !important;
    }

    .wrap > .navbar.bhp-side-modern,
    .wrap > .navbar.bhp-side-modern.navbar-fixed-top {
        position: absolute !important;
        top: 0;
        left: 0;

        height: auto !important;
        min-height: 100vh !important;

        overflow: visible !important;

        background: linear-gradient(180deg, #082f52 0%, #0b3a63 45%, #092f50 100%) !important;
        background-repeat: repeat-y !important;
    }

    .bhp-side-modern .navbar-nav {
        background: #082f52 !important;
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }
}

/* =========================================================
   FIX wysokości bocznego menu i footera
   ========================================================= */
@media (min-width: 767px) {

    html,
    body {
        height: auto !important;
        min-height: 100% !important;
    }

    .wrap {
        position: relative !important;
        height: auto !important;
        min-height: 100vh;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .wrap > .navbar.bhp-side-modern,
    .wrap > .navbar.bhp-side-modern.navbar-fixed-top {
        position: absolute !important; /* zostaje bez fixed */
        top: 0;
        left: 0;

        height: auto !important;
        min-height: 100vh;

        background: linear-gradient(180deg, #082f52 0%, #0b3a63 45%, #092f50 100%) !important;
        background-repeat: repeat-y !important;
    }

    .bhp-side-modern .navbar-nav {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }

    #main-space {
        box-sizing: border-box;
        padding-bottom: 70px !important;
    }

    .footer {
        margin-top: 0 !important;
    }
}

#info_witaj {
	margin-left:25px;
	margin-top: -3px;
}

.firma-zmien {
	cursor: pointer;
}