@charset "UTF-8";

@font-face { font-family:'Montserrat'; src: url('./fonts/Montserrat-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@font-face { font-family:'Montserrat'; src: url('./fonts/Montserrat-Italic.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face { font-family:'Montserrat'; src: url('./fonts/Montserrat-Tiny.ttf') format('truetype'); font-weight:100; font-style:normal; }
@font-face { font-family:'Montserrat'; src: url('./fonts/Montserrat-TinyItalic.ttf') format('truetype'); font-weight:100; font-style:italic; }
@font-face { font-family:'Montserrat'; src: url('./fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight:bold; font-style:normal; }
@font-face { font-family:'Montserrat'; src: url('./fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic; }

*  { box-sizing: border-box; }
html, body { height:100%; box-sizing: border-box; }
/* reset ustawien z roboot, jeśli nie bedzie reboot można usunąć */
label { margin-bottom: 0rem; }
/*=============*/

body { 
	backgound-color: #fff; 
	margin:0px; 
	padding:0px; 
	font-family: 'Montserrat', sans-serif; 
	font-size:13px;
	cursor: default; 
	min-height:100vh; 
	display:flex; 
	flex-direction: column;
	color: var(--color-main);
}

:root {
	--color-bg-hover: #f1f1f1;
	--color-main: #212529;
	--gray: #ccc;
	--gray-dark: #a8a8a8;
	--gray-dark-1: #aeaeae;
}

table { padding:0px; margin:0px; font-size:13px; }
table td.td_nowrap { white-space: nowrap; }

a.white_a { color:#ffffff; text-decoration:none; }
a.white_a:hover { color:#ffffff; text-decoration:underline; }
.header, h1 { display:inline; font-size : 18px; font-weight: bold; color: #5a5a5a; text-decoration: none; }
.border         { background-color: #ffffff; border: 1px #dcdcdc solid; padding:10px; display: inline-block; }

a.a_select { display:block; padding:2px; background-color:#fff; color:#000; width:98%; }
a.a_select:hover { background-color:#0059BD; color:#fff; }

a.menu { color: #ffffff; font-weight: bold; text-decoration: none; }
a.menu:hover { font-weight: bold; color: #ffffff; text-decoration: underline; }
a.menup { color: #ffffff; font-weight: normal; text-decoration: none; }
a.menup:hover { font-weight: normal; color: #ffffff; text-decoration: underline; }

p.menuppp {TEXT-INDENT:40px; margin-bottom:0px; margin-top:0px; font-size : 10px; font-weight:normal; }
p.menupp {color: #ffffff; TEXT-INDENT:25px; margin-bottom:0px; margin-top:0px; font-size : 10px; font-weight:normal; }
p.menup {color: #ffffff; TEXT-INDENT:8px; margin-bottom:0px; margin-top:0px; font-size : 11px; font-weight:normal; }
.info { font-size:12px; color:#777; }

.menu_linia { padding-top:3px; padding-bottom:5px; background: url(../inc/image/kropka.gif) bottom left repeat-x; }

.br             { border-bottom:1px solid #7988a4; border-right:1px solid #7988a4; padding:3px; font-weight:bold; }
.li             { border-bottom:1px solid #dcdcdc; }

tr.wiersz { background-color:#EFEFFF; }
.kwadrat { border:1px solid #c1c1c1; }
.top { background-color:#d0dbef; padding:3px; }
tr.wiersz_1 { background-color:#ffffff; }
tr.wiersz_2 { background-color:#f2f1ff; }
tr.wiersz_1:hover, tr.wiersz_2:hover, .miss_wiersz1_hover, .miss_wiersz2_hover  { background-color: #dcdcdc; }
.wierszH_1, .wierszH_2 { background-color: #dcdcdc; }


.forum_text_maly { font-size:10px }
   .forum_naglowek, .miss_naglowek, .naglowek { font-weight:bold; background-color:#e8e6f9; color:#000000; height:20px; font-size:12px; text-align:center; }
   .forum_table, .miss_table, .menu3 { background-color:#000000;}
   .forum_wiersz1, .miss_wiersz1 {color:#000000; background-color:#ffffff;}
   .forum_wiersz2, .miss_wiersz2 {color:#000000; background-color:#eeeeee;}



  .kal_gl_tab { border:1px solid #000000; }
  .kal_days_0 { height:18px; color:#ececec; background-color:#cfcdde; border-right:1px solid #9c99b7; border-bottom:1px solid #9c99b7; }
  .kal_days_2 { cursor:pointer; height:18px; color:#000000; background-color:#cfcdde; border-right:1px solid #9c99b7; border-bottom:1px solid #9c99b7; }
  .kal_days_6 { cursor:pointer; height:18px; color:#ff0000; background-color:#cfcdde; border-right:1px solid #9c99b7; border-bottom:1px solid #9c99b7; }
  .kal_days_7 { cursor:pointer; height:18px; color:#ee0000; background-color:#cfcdde; border-right:1px solid #9c99b7; border-bottom:1px solid #9c99b7; }
  .kal_gl_td1 { background-color:#aeabcd }
  .kal_days_no, .kal_days_so, .kal_days_nd { background-color:#aeabcd; border-right:1px solid #63607e; border-bottom:1px solid #63607e; border-top:1px solid #d6d4e7; border-left:1px solid #d6d4e7; height:16px; }
  .kal_days_over { cursor:pointer; border-left:1px solid #9c99b7; border-top:1px solid #9c99b7; height:16px; }
  .kal_font_1 { color:#000000; font-weight:bold; }
  .kal_font_0 {  }




 textarea
{
  BORDER-RIGHT: #808080 1px solid; border-top: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BORDER-LEFT: #808080 1px solid;
  COLOR: #000000; FONT-SIZE: 12px; BACKGROUND-COLOR: #f3f2fd
}

option.xxx
{
    border-bottom:1px solid #d0d0d0; COLOR: #000000; FONT-SIZE: 11px; 
    background-color: #f3f2fd;
}

.forum_dyskusyjne blockquote {
	border-left: 3px solid #787878;
	padding: 10px;
	margin: 10px;
	color: #999;
	font-size: 12px;
	background: #e6eaf5;
}

.forum_dyskusyjne blockquote cite {
	display:block;
	font-weight: bold;
}

/*.forum_quote { font-weight:bold; margin-left:10px; margin-right:10px; margin-top : 0px; padding:0px; }
.forum_quote1 { background-color : #f0f0f0; border : 1px solid #000; margin-right:10px; margin-left:10px; padding:5px; }
.forum_quote2 { background-color : #f0f0f0; border : 1px solid #000; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:5px; padding:5px; }

.forum_bcode { white-space : pre; font-family : monospace; background-color : #f0f0f0; border : 1px solid black; margin : 10px; margin-top : 20px; padding-top : 0; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; }
*/

/*
input
{
    border:1px solid #808080; COLOR: #000000; FONT-SIZE: 11px; 
    background-color: #e3e2fd; background-image:url("../inc/image/tlo_form.gif");
    background-repeat:repeat-x; background-position:top;
}

input:disabled { color:#c0c0c0; border:1px solid #d0d0d0; }
textarea:disabled { color:#c0c0c0; border:1px solid #d0d0d0; }

select
{
    border:1px solid #808080; COLOR: #000000; FONT-SIZE: 11px; 
    background-color: #f3f2fd;
}

button, input.but, .forum_button
{
  cursor:pointer; 
  BORDER-RIGHT: #808080 1px solid; 
  BORDER-TOP: #d0d0d0 1px solid; 
  BORDER-BOTTOM: #808080 1px solid;
  BORDER-LEFT: #d0d0d0 1px solid; 
  background: url("../inc/image/tlo_button.gif") top left repeat-x #bab8e8;
}

*/
.ro, .input_readonly { background: url("../inc/image/tloro_form.gif") repeat-x top left #b0b0b0; }
/*
.button
{ cursor:pointer; }
*/

a.button img {
	margin:1px 0px 0px 1px;
	border:1px solid transparent;
	max-height: 22px;
}

a.button:hover img {
  border-top:1px solid #fff; border-left:1px solid #fff;
  border-bottom:1px solid #000; border-right:1px solid #000;
  margin:0px 1px 1px 0px;
}

button.button1 {
        background-color:transparent; 
        border: none; 
        margin:0px;
        padding:0px;
        background: 0px;
}

input.buts, input.button, .forum_buttonb {
cursor:pointer;
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #d0d0d0 1px solid;
BORDER-BOTTOM: #808080 1px solid;
BORDER-LEFT: #d0d0d0 1px solid;
font-weight:bold;
background: url("../inc/image/tlo_button.gif") top left repeat-x #bab8e8;
}

.button_img {
	cursor: pointer;
	border-right: #808080 1px solid;
	border-radius: 2px;
	margin: 4px;
	font-size: 1.0em;
	padding: 1px 10px;
	border-top: #d0d0d0 1px solid;
	border-bottom: #808080 1px solid;
	border-left: #d0d0d0 1px solid;
	background: url("../inc/image/tlo_button.gif") top left repeat-x #bab8e8;
	color: #000;
}

input.buttonBold { font-weight:bold; }
input.buttonNormal { font-weight:Normal; }

a {color: #446488; text-decoration: none; }
a:hover {color: #00004F; text-decoration: none;  }

a.nav:active, a.nav:visited,  a.nav:link { color: #000000; font-size : 10px; font-weight: bold; }
a.nav:hover { font-size : 10px; font-weight: bold; color: black; text-decoration: underline; }




td.okno           { border:1px solid #999999; background-color:#EFEFFF; cursor:pointer; font-weight:bold; }
td.okno_          { border:1px solid #000000; background-color:#99FFFF; cursor:pointer; font-weight:bold; }
td.okno:hover     { border:1px solid #000000; background-color:#99FFFF; cursor:pointer; font-weight:bold;}

/* ================================================================
                       TYPOWO PANELOWE              
   ================================================================*/

p {TEXT-INDENT:0; margin-bottom:5px; margin-top:0px}
.input { background-color: #f3f2fd; background-image:url("../inc/image/tlo_form.gif"); background-repeat:repeat-x; background-position:top; }

.moc { font-size : 16px; font-weight: bold; color:#000000; }
.black { color: #000; }
.red { color:#ff0000 !important; }
.green { color:#00aa00; }
.blue { color:#0000aa; }
.grey, .gray { color:#aaaaaa !important; }
.white { color:#ffffff !important; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.text_small { font-size:9px; color:#999; }
.t_10 { font-size:10px; }
.t_9 { font-size:9px; }
.nieaktywny { color:#c0c0c0; }
.mb_3 { margin-bottom:3px; }
.center, .t_center { text-align:center !important; }
.right, .t_right { text-align:right !important; }
.clear { clear:both; }
.f_left { float:left; }
.f_right { float:right; }

.t_big { font-size:1.3em; }


.wfile_panel_close {
	text-align:center; 
	position:fixed; 
	left:0px; 
	right:0px; 
	height:40px; 
	bottom:0px; 
	box-shadow: 0px 0px 8px #aaa; 
	background-color: #f9f9f9;
	border-top:1px solid #aaa; 
	padding-top:5px; 
	z-index:1000;
}
.wfile_panel_body { padding:5px 5px 50px 5px; }


.header1 { font-size : 12px; font-weight: bold; color: #808080; text-decoration: none;  }
.bborder	{ background-color: #FFFFFF; border: 1px #A7A6B4 solid; }

.title1 { 
        border:1px solid #dcdcdc;
        background-color:#f2f1ff;
        font-size:12px;
        padding:3px;
        margin-top:10px;
        width:100%;
}

.body1 {
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        padding:10px;
        width:100%;        
}

/* ================================================================
                       MODUŁ MENU DROPDOWN
   ================================================================*/
.dropdownMenu {
	border-radius: 4px;
	box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.37);
	overflow: hidden;
    visibility: hidden; /* początkowo ukryte */
    opacity: 0;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    transition: opacity 0.2s, visibility 0.2s; /* animacja przejścia */
    z-index: 1;
}

.dropdownMenu a {
	font-size: 1rem;
	color: var(--color-main);
    padding: 10px;
    text-decoration: none;
    display: block;
}

.dropdownMenu a:hover {
    background-color: var(--color-bg-hover);
}


/* ================================================================
                       MODUŁ TASKS
   ================================================================*/

.task-icon {
	font-size:25px;
}
.tasks-box {
  font-size: 0.8rem;
  width: 300px;
  text-align: left;
  color: var(--color-main);
}

.tasks-box > .top {
  padding: 5px 10px;
  background-color: var(--gray);
  font-weight: bold;
  
}

.task-box > .footer {
  padding: 10px;
  background-color: #dbdbdb;
}

.tasks-box > .middle {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  max-height: 300px;
  overflow-y: auto;
}

.tasks-box > .middle > li {
  border-bottom: 1px solid #d7d7d7;
  padding: 10px;
  font-size: .8rem;
  width:100%;
  overflow: hidden;
  transition: opacity .3s;
}

.tasks-box > .middle > li:hover {
  background-color: var(--color-bg-hover);
}

.tasks-box > .middle > li > .name {
  font-weight: bold;
}

.tasks-box > .middle > li > .date {
  color: #535353;
}

.tasks-box > .middle > li > .progress_loading,
.tasks-box > .middle > li > .progress {
  display: flex;
    background-color: inherit;
}

.tasks-box > .middle > li > .progress_loading > div:first-child,
.tasks-box > .middle > li > .progress > div:first-child {
  position: relative;
  width:100%;
  background-color: #ddd;
  overflow: hidden;
  height:5px;
  margin-top:5px;
}

.tasks-box > .middle > li > .progress > div:first-child > span {
  background-color: #709bff;
  transition: width 0.3s;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right:0px;
  width:0%;
  left:0px;
}

.tasks-box > .middle > li > .progress_loading > div:first-child > span {
  background-color: #709bff;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right:0px;
  width:100px;
  left:-100px;
  animation-name: task-anim-1;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count:infinite;
}

@keyframes task-anim-1 {
  0% { left: -100px; }
  100% { left: 100%; }
}

.tasks-box > .middle > li > .progress_loading > div:last-child,
.tasks-box > .middle > li > .progress > div:last-child {
  width: 50px;
  margin-left: 5px;
}
  
/* ================================================================
                       MODUŁ ARTYKUŁY
   ================================================================*/
tr.artykulBlock { color: #ff0000; }
tr.artykulBlock > td > a > img { opacity: 0.5; }
tr.artykulBlock > td { color: #ff0000; }
tr.artykulBlock > td > a { color: #ff0000; }
tr.artykulBlock > td > div { color: #ff4444; }

tr.artykulNieaktywny { color: #aaa; }
tr.artykulNieaktywny > td > a > img { opacity: 0.5; }
tr.artykulNieaktywny > td { color: #aaa; }
tr.artykulNieaktywny > td > a { color: #aaa; }

tr.artykulPolecany > td:nth-child(2) { font-weight:bold; }
tr.artykulHotnews > td:nth-child(2) > a { background-color: #f00; padding: 2px; border-radius: 2px; color: #fff; display: block; }
.hot_news > a > img { opacity:0.5; }
tr.artykulHotnews .hot_news > a > img { opacity:1; }

.artykulInfo { font-size:0.8em; margin-top:5px; color:#989898; font-weight:normal; }
.art_cloud { text-decoration: none; background: #dedede; border-radius: 5px; padding: 1px 1px; width: 100%; display: block;  text-align: center; }
.art_cloud:hover { box-shadow: 0px 0px 2px rgba(0,0,0,.7); }
.art_priorytet { cursor:pointer; }

div.menuTextarea { 
	background-color: #f0f0f0;
	border: 1px solid #cacaca;
	border-bottom: none;
	display: flex;
	flex-wrap: wrap;
}
div.menuTextarea > span { 
	display: inline-block;
	padding: 4px 10px;
	border-right: 1px solid #cacaca;
}
div.menuTextarea > span.none { 
	padding: 1px 5px;
}
div.menuTextarea > span:hover { 
	background-color: #dfdfdf;
}
div.menuTextarea select, div.menuTextarea input { margin:0px; }
textarea.menuTextarea { width:100%; border-top-right-radius: 0px; border-top-left-radius: 0px; margin:0px; border: 1px solid #cacaca; }
#resultContentLink > div > span { flex: 1 1 auto; }
#resultContentLink > div > span.date { flex: 0 0 100px; font-style:italic; color:#777; text-align:right; }
#resultContentLink > div > span.otherColumn { flex: 0 0 150px; color:#777; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }

#artZdjTable  { border-collapse:separate;
                border-spacing:0 10px; }
#artZdjTable > tbody > tr { box-shadow: 1px 1px 3px #ddd; background-color:#fbfbfb; transition: background 0.2s, box-shadow 0.2s; }
#artZdjTable > tbody > tr:hover { box-shadow: 1px 1px 7px #ddd; background-color:#f4f4f4; }
#artZdjTable > tbody .ui-sortable-placeholder {
    visibility: visible !important;
    background: #f0f0f0;
    height: 95px !important; /* Zwiększenie wysokości placeholdera */
}
#artZdjTable .zdj_sortable_handle { padding: 0px 5px; }
/*#artZdjTable > tr:nth-child(even) { box-shadow: 1px 1px 3px #ddd; }*/

#artWideoTable  { border-collapse:separate;
                border-spacing:0 10px; }
#artWideoTable > tbody > tr { box-shadow: 1px 1px 3px #ddd; background-color:#fbfbfb; transition: background 0.2s, box-shadow 0.2s; }
#artWideoTable > tbody > tr:hover { box-shadow: 1px 1px 7px #ddd; background-color:#f4f4f4; }
#artWideoTable > tbody .ui-sortable-placeholder {
    visibility: visible !important;
    background: #f0f0f0;
    height: 95px !important; /* Zwiększenie wysokości placeholdera */
}
#artWideoTable .vid_sortable_handle { padding: 0px 5px; }

/* 	===================================================================
							TINY MCE
	================================================================== */

div.mce-fullscreen {
	margin-top:50px;
}

/* ===================================================================
                             Do tabów
   =================================================================== */
   
.tab_bok { width:2px; border-bottom:1px solid #dcdcdc; }
.tab_bok_akt { width:2px; border-bottom:1px solid #ffffff; }
.tab_srod { width:10px; background: url(../inc/image/tab_srod.gif) top left repeat-x; border-bottom:1px solid #dcdcdc; }
.tab_srod_akt { width:10px; background: url(../inc/image/tab_srod_akt.gif) top left repeat-x; border-bottom:1px solid #ffffff; }
.tab_a { }
.tab_a_akt { color:#e0e0e0; }

/* NOWE TABY */
.panel-tabs { display:flex; flex-direction: column; }
.panel-tabs > div > div { display:none; }
.panel-tabs > div > div.active { display:block; }
.panel-tabs > ul { position:relative; flex-direction: row; display:flex; align-items: center; list-style:none; padding: 0; margin:0; line-height: 100%; }
.panel-tabs > ul::after { 
	content: "";
	height: 1px;
	outline: 1px solid #ddd;
	background-color: #ddd;
	outline-offset: -1px;
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	display:block;
}
.panel-tabs > ul > li { margin: 0; }
.panel-tabs > ul > li > button { 
	margin:0; 
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer; 
	height: 35px;
	margin-left: 0;
	padding: 3px 16px;
	position: relative;  
}
.panel-tabs > ul > li.active > button::after { outline: 2px solid #2196F3; z-index:1; }
.panel-tabs > ul > li > button::after { 
	content:""; 
	height: 0px;
	outline: 1px solid #ddd;
	outline-offset: -1px; 
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

/* ===================================================================
                             Do Boxów slide
   =================================================================== */
   
.boxSlide { background-color: #ffffff; border: 1px #dcdcdc solid; border-radius:4px; -moz-border-radius:4px; margin-bottom:10px; }
.boxSlide h2 { background-color: #EDEDFF; margin:0px; padding:7px; cursor:pointer; }
.boxSlide .body { background-color: #ffffff; padding:10px; display:none; }
.boxSlide .show { display:block; }


/* ===================================================================
                             Do okienek z progresem
   =================================================================== */

#progressText, .progressText { margin-left:10px; }
#progressbox, .progressbox { border: 1px solid #504b4b; padding: 1px; position:relative; width:370px; border-radius: 3px; margin: 0px 10px 10px 10px; text-align:left; }
#progressbox #progressbar, .progressbox .progressbar { 
	height:20px; border-radius: 3px; width:0%; 
	background-color: #2c8f08;
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 1rem 1rem;
	animation: progressBar 1s linear infinite;
	transition: width 0.2s;
}
#progressbox #statustxt, .progressbox .statustxt { top:1px; left:50%; position:absolute; display:inline-block; color: #000000;  }
#progressbox img, .progressbox img { margin-left:10px; position:absolute; display:none; top:2px; right:-20px; }

@keyframes progressBar {
	from { background-position: 1rem 0; }
	to { background-position: 0 0; }
}

.progressbox_stat { background-color: #b7e2ff; background-image: linear-gradient(#bbbfff, #a9dafb, #bbbfff); display: inline-block; border: 1px solid #36a2eb; border-radius: 2px; position:relative; width:100%; text-align:left; }
.progressbox_stat .progressbar { 
	min-height:15px; border-radius: 1px; width:0%; 
	background-color: #36a2eb;
	background-image: linear-gradient(#36a2eb, #46adf2, #36a2eb);
	transition: width 0.2s;
}
.progressbox_stat .statustxt { top:0px; right:2px; position:absolute; display:inline-block; color: #000000; font-size:10px; }

/* ===================================================================
                            Kokienko prompt alert ...
   =================================================================== */
.jqifade{ position: absolute; background-color: #aaaaaa; }
div.jqi{ width: 400px; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer{  }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
div.jqi .jqimessage .field{ padding: 5px 0; }
div.jqi .jqimessage .field label{ display: block; clear: left; float: left; width: 100px; }
div.jqi .jqimessage .field input{ width: 150px; border: solid 1px #777777; }
div.jqi .jqimessage .field input.error{ width: 150px; border: solid 1px #ff0000; }
/*-------------------------------- */

/* ==================================== NOWY PANEL ====================================== */

/*  uzywane np w uzytkownicy.class.php */
label.btnCheckBox { width:100%; border: 1px solid transparent; display: block; padding: 1px 1px 2px 2px; }
label.btnCheckBox:hover { width:100%; border: 1px solid #ccc; border-radius: 5px; background-color: #ececec; }

/* Formularz */

/* ======================================================================================================
   ========================================== CHECKBOX ===================================================
   ====================================================================================================== */
label.checkbox {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.checkbox > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: none;
}

label.checkbox > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 2px;
  margin-top: 2px;
}

label.checkbox span:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.checkbox input ~ span {
  background-color: #fff;
}

label.checkbox input:checked ~ span {
  background-color: #2196F3;
  border: none;
}

label.checkbox > span:after {
  content: "";
  position: absolute;
  display: none;
}

label.checkbox input:disabled ~ span {
  background-color: #ccc;
}

label.checkbox input:checked ~ span:after {
  display: block;
}

label.checkbox.x2 {
  padding-left: 25px;
  margin-bottom: 15px;
}

label.checkbox.x2 > span {
  height: 20px;
  width: 20px;
  border-width: 2px 
}

label.checkbox.x2 span:after {
  left: 6px;
  top: 1px;
  width: 8px;
  height: 15px;
}


/* ======================================================================================================
   ==========================================  SWITCH ===================================================
   ====================================================================================================== */

 /* The switch - the box around the slider */
label.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-bottom: 0;
}

/* Hide default HTML checkbox */
label.switch input {display:none;}

/* The slider */
label.switch > div {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 25px;
}

label.switch > div:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

label.switch > input:checked + div {
  background-color: #2196F3;
}

label.switch > input:focus + div {
  box-shadow: 0 0 1px #2196F3;
}

label.switch > input:checked + div:before {
  transform: translateX(24px);
}



/* uzywane np w artykuly_podglad */
.panelBottom { position:fixed; bottom:0px; left:0px; z-index:1000; right:0px; background-color:#fff; text-align:center; box-shadow: 0px 0px 5px #555; }






/* ===================================== poprawki do bootstrap ========================== */
.row {
	margin-right: 0px;
	margin-left: 0px;
}

/* ================================ Do tool tipów =============================== */
#dhtmltooltip {
	border: 1px solid #cbcbcb;
	background-color: #e4e4e4;
	padding: 5px;
	line-height: 1.3em;
	border-radius: 3px;
	box-shadow: 5px 5px 4px rgba(100,100,100,0.3);
    position: absolute;
    visibility: hidden;
    z-index: 1001;
	word-break: break-all;
}

/* =========================================== Icon Button ====================================================*/
a.icon-button { color:#666; cursor:pointer; display:inline-block; width:24px; height:22px; border:1px solid transparent; font-size:17px; padding-left:2px; position:relative; overflow:hidden; margin:0px 2px 0px 0px; }
a.icon-button:hover { border-top:1px solid #fff; border-left:1px solid #fff;border-bottom:1px solid #000; border-right:1px solid #000; background-color:#0001; }
a.icon-button:active { border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #fff; border-right:1px solid #fff; background-color:#0000; }
a.icon-button:active > i { top:1px; left:3px; }
a.icon-button > i { position:absolute; top:1px; left:3px; }
a.icon-button:hover > i { top:0px; left:2px; }

/* ===================================== Ikony przycisków dla VUE tylko dla <img class='btn_icon'> ============================= */
img.btn_icon { vertical-align: bottom; margin: 1px 0px 0px 1px; border: 1px solid transparent; cursor: pointer; }
img.btn_icon:hover { border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #000; border-right: 1px solid #000; margin: 0px 1px 1px 0px; }

img.btn_icon.inactive { cursor:default; filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3 }
img.btn_icon.inactive:hover { border: 1px solid transparent; margin:1px 0px 0px 1px; }

/* ============================= Do border flex kilka w jednym wierszu ============================= */
.borders_flex { display:flex; align-items: stretch; }
.borders_flex > .border { min-width:350px; flex-grow: 1; } 
.borders_flex > .border:not(:last-child) { margin-right:10px; }

/* ============================= Do bootstrap myRow ============================= */
.myRow { 
	margin: 6px 0px;
	box-shadow: 1px 1px 3px rgba(150,150,150,0.5);
	padding-bottom: 5px;
}

.myRow:nth-child(odd){ 
	background: rgb(246,246,246);
	background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%,rgb(246, 246, 246) 100%);
	background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%,rgb(246, 246, 246) 100%);
	background: background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,rgb(246, 246, 246) 100%);

}
.myRow:nth-child(even) { 
	background: rgb(222,239,255);
	background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);
	background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);
	background: background: linear-gradient(to bottom, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);

 }
 
.myRow:hover { 
	background: rgb(220,220,220);
	background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(220, 220, 220) 100%);
	background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(220, 220, 220) 100%);
	background: background: linear-gradient(to bottom, rgb(246, 246, 246) 0%,rgb(220, 220, 220) 100%);
}

/* ===================================== Tabela z danymi ===================================== */
table.tabData > tbody > tr > td:first-child { white-space: nowrap; width:150px; }


/* ===================================== Paski stanu (przyklad system.php) ==================== */
.beltYES { margin:1px; background-color: #00af00; border-radius: 5px; color: #fff; padding: 5px 10px; }
.beltYES > span { float:right; width:20px; height:20px;	background-color: #6be06b; border-radius: 5px; text-align:center; }
.beltYES > span:before { font-family: "cmicons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; content: "\8094"; }
.beltNO { margin:1px; background-color: #e60000; border-radius: 5px; color: #fff; padding: 5px 10px; }
.beltNO > span { float:right; width:20px; height:20px; background-color: #ed9696; border-radius: 5px; text-align:center; }
.beltNO > span:before {	font-family: "cmicons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; content: "\8095"; }
.beltNONE { margin:1px; background-color: #c3c3c3; border-radius: 5px; color: #000; padding: 5px 10px; }
.beltNONE > span { float:right; width:20px; height:20px; background-color: #dcd8d8; border-radius: 5px; text-align:center; }
			
/* =============================================================================================================
                                     KOMUNIKATY 
   ============================================================================================================= */
   
/* ============================================= ON TOP ===================================================== */

#messagesOnTop {
	left:265px;
	font-size:12px;
}
 
/* ============================================== ZWYKŁE ==================================================== */
.messageGOOD, .messageERROR, .messageINFO, .messageWARNING {
	border-radius: 7px;
	padding-left: 40px;
	padding-top: 10px;
	background-size: 20px;
	background-repeat: no-repeat;
	min-height: 20px;
	background-position: 10px 10px;
	margin: 15px 30px 15px 30px;
	font-size:12px;
	padding-bottom: 15px;
	box-shadow: 1px 1px 2px #a2a0a0;
}

.messageGOOD { background-color: #d0e9b7; background-image: url(../inc/image/ikona_ok.png); }
.messageERROR { background-color: #edadad; background-image: url(../inc/image/ikona_blad.png); }
.messageINFO { background-color: #cad4ef; background-image: url(../inc/image/ikona_info.png); }
.messageWARNING { background-color: #ecedad; background-image: url(../inc/image/ikona_ostrzezenie.png); }

.messageERROR > div, .messageGOOD > div, .messageINFO > div, .messageWARNING > div { padding-bottom: 5px; }

.messageERROR > ul, .messageGOOD > ul, .messageINFO > div, .messageWARNING > div {
	margin: 0px;
	padding-left: 10px;
}

/* ======================================= ikonki ============================================= */

.icon_16 {
	display:inline-block;
	width:16px;
	height:16px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../inc/image/icons_16.png);
}
.icon_16.icon_info { background-position: 0px 0px; }
.icon_16.icon_tick { background-position: 0px -102px; }
.icon_16.icon_error { background-position: 0px -34px; }
.icon_16.icon_warning { background-position: 0px -85px; }

/* ===================================================================
                             Tabela
   =================================================================== */
.tabela, #tabela { border:1px solid #009ec3; border-spacing: 1px; border-collapse: separate; line-height:1.1; }
.tabela > thead > tr, #tabela > thead > tr {
	transition: height 0.3s;
/*
background: rgb(147,206,222);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);

*/
 color:#fff; }
.tabela > thead > tr a, #tabela > thead > tr a { color:#fff; }
.tabela tr {  }
.tabela > thead tr > td, #tabela > thead tr td { 
border-bottom:1px solid #364b71; border-right:1px solid #364b71; padding:5px; font-weight:bold;  
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 31%, rgba(73,165,191,1) 100%);
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 31%,rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 31%,rgba(73,165,191,1) 100%);
text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.tabela > tbody > tr:nth-child(odd):not(.tab_not_oe) > td, .tabela > tbody > tr.tab_tr_odd > td, #tabela > tbody tr:nth-child(odd) { background-color:#ffffff; }
.tabela > tbody > tr:nth-child(even):not(.tab_not_oe) > td, .tabela > tbody > tr.tab_tr_even > td, #tabela > tbody tr:nth-child(even) { 
background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);
background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);
background: linear-gradient(to bottom, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);

 }
.tabela > tbody > tr:hover:not(.tab_not_hover) > td, .tabela > tbody > tr.tab_tr_hover > td, #tabela > tbody tr:hover > td { 
	background: linear-gradient(to bottom, rgb(228, 228, 228) 0%,rgb(191, 200, 214) 100%);
}

.tabela > tbody > tr.tr_selected:nth-child(even):not(.tab_not_oe) > td, .tabela > tbody > tr.tab_tr_even.tr_selected > td, #tabela > tbody tr.tr_selected:nth-child(even),
.tabela > tbody > tr.tr_selected > td { background: linear-gradient(to bottom, rgb(228, 228, 228) 0%,rgb(191, 200, 214) 100%) !important; }

.tabela > tbody > tr > td, #tabela > tbody td { border-bottom:1px solid #C0C8D1; padding:5px; }
.tabela > tfoot > tr, #tabela > tfoot > tr { background: rgb(164, 186, 219); }
.tabela > tfoot > tr > td, #tabela > tfoot tr td { padding:5px; color:#fff; border-top:1px solid #4e6691; border-left:1px solid #4e6691; border-bottom:0px; text-shadow: 1px 1px 1px #000; }
.tabela > tfoot > tr > td a { color:#fff; }
.tabela > tbody > tr > td.tab_buttons { width:20px; text-align:center; padding:3px; }

.tabela_ramka { display:inline-block; }
.tabela_ramka > .info {
	display: block;
	font-size: 0.9rem;
	border-radius: 2px;
	margin: 10px 0 10px 0;
	padding: 2px 10px;
	background-image: linear-gradient(#ddd, #F1F3FA);
	text-shadow: -1px -1px 1px #fff;
	box-shadow: -1px 1px 2px #ddd;
}
.tabela_ramka > span.myPagination { display:block; text-align:right; }

/*  ================================================================================================== 
								FLEX TABLE
	================================================================================================== */
nav.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 5px;
}

nav.pagination > div.pagination_left {
  width: 15px;
  color: #959191;
  cursor: pointer;
  position: relative;
}

nav.pagination > div:nth-child(2) > input {
  width: 40px;
  text-align: center;
}

nav.pagination > div:nth-child(3) {
  width: 30px;
  text-align: center;
}

nav.pagination > div.pagination_totalPages {
  margin: 0 5px 0 0px;
}

nav.pagination > div.pagination_right {
  width: 15px;
  color: #959191;
  cursor: pointer;
  position: relative;
}

nav.pagination > div.pagination_right::after {
  content: '';
  left: 0px;
  top: -5px;
  width: 12px;
  height: 12px;
  border: solid black;
  border-width: 3px 3px 0 0;
  border-color: #959191;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  border-radius: 2px;
}

nav.pagination > div.pagination_left::after {
  content: '';
  left: 0px;
  top: -5px;
  width: 12px;
  height: 12px;
  border: solid black;
  border-width: 0 0 3px 3px;
  border-color: #959191;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  border-radius: 2px;
}

nav.pagination > div.pagination_hide {
  visibility: hidden;
}

/* ===================================================================
                             Fieldset
   =================================================================== */
.myFieldset { 
	display:block;
	padding: 0px; 
	border-radius: 3px;
	border: 1px solid #bbb;
	margin: 10px 0px 15px 0px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.myFieldset > div.myFlegend:before { content: "\f02e"; 
	font-weight: 400; color:#fff; /* regular fontawsome */
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
	
.myFieldset > div.myFlegend { 
	position:relative;
	font-size:13px;
	background-color: #bbb;
	color: #fff;
	font-weight:bold;
	display: block;
	width: inherit;
	padding: 5px 10px 5px 25px;
	cursor:pointer;
	text-shadow: 1px 1px 1px #555;
}
.myFieldset > div.myFhide {
	display:none;
}
.myFieldset > div.myFbody {
	border-radius: 0 0 3px 3px;
	padding: 10px;
	background-color: #fff; 
}

/* ===================================================================
                             zanikanie elementu panel.slieOutElement
   =================================================================== */
.slideOutElement { transition: opacity .3s ease-out; opacity:0; }

/* ===================================================================
                             Pod menu
   =================================================================== */
div.secondMenu  { margin-top:50px; }
div.secondMenu > ul { list-style: none; position: absolute; left:0px; right:0px; top:-5px; border-bottom:1px solid #7988A4; background-color:#D0DBEF; display:flex; overflow-x: auto; margin:3px 0px 40px 0px; padding: 10px 0px 0px 0px; }
div.secondMenu > ul li { padding: 6px; height: 42px; white-space: nowrap; }
div.secondMenu > ul li:first-child { background: none; }
div.secondMenu > ul li:last-child {  float:none; background: none;  }
div.secondMenu > ul li a { border:1px solid #D0DBEF; border-radius:2px; display:block; padding:5px; }
div.secondMenu > ul li a.nolink { border:1px solid #D0DBEF; display:block; padding:5px; color:#c0c0c0; }
div.secondMenu > ul li a:hover { border:1px solid #9ba8bf; background-color:#dbe4f4; }
div.secondMenu > ul li a.submenu_active { font-weight:bold; background-color:#dbe4f4; color:#000; box-shadow: 1px 1px 2px rgba(100,100,100,0.5); }
div.secondMenu > ul li a.own { position:relative; }
div.secondMenu > ul li a.own:before {  }
div.secondMenu > ul li a.own:not(.submenu_active) > i.own_file { width: 15px; height: 12px; display: inline-block; background-repeat: no-repeat; opacity:0.7; }
div.secondMenu > ul li a.submenu_active > i.own_file { width: 15px; height: 12px; display: inline-block; background-repeat: no-repeat; opacity:1; }
div.secondMenu > ul li a.own:hover > i.own_file { opacity:1; }


	
div.secondMenu > ul li a.dodaj { padding-left:30px; position:relative; }
div.secondMenu > ul li a.dodaj:before { content: "\f067"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }

div.secondMenu > ul li a.koperta { padding-left:30px; position:relative; }
div.secondMenu > ul li a.koperta:before { content: "\f0e0"; 
	font-weight: 200; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
div.secondMenu > ul li a.konfig { padding-left:30px; position:relative; }
div.secondMenu > ul li a.konfig:before { content: "\f013"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
div.secondMenu > ul li a.przegladaj { padding-left:30px; position:relative; }
div.secondMenu > ul li a.przegladaj:before { content: "\f00b"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
div.secondMenu > ul li a.nota { padding-left:30px; position:relative; }
div.secondMenu > ul li a.nota:before { content: "\f15c"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
div.secondMenu > ul li a.archiwum { padding-left:30px; position:relative; }
div.secondMenu > ul li a.archiwum:before { content: "\f187";
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
div.secondMenu > ul li a.global { padding-left:30px; position:relative; }
div.secondMenu > ul li a.global:before { content: "\f7a2"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:12px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }

/* ===================================================================
                             Pod menu - stare
   =================================================================== */
ul.podmenu { list-style: none; position: relative; border:1px solid #7988A4; background-color:#D0DBEF; display:block; margin:3px 0px 40px 0px; padding:0px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
ul.podmenu li { float: left; padding: 6px; height: 42px; background: url(./inc/image/podmenu-li.gif) no-repeat 0 13px;  }
ul.podmenu li:first-child { background: none; }
ul.podmenu li:last-child {  float:none; background: none;  }
ul.podmenu li a { border:1px solid #D0DBEF; border-radius:2px; display:block; padding:5px; }
ul.podmenu li a.nolink { border:1px solid #D0DBEF; display:block; padding:5px; color:#c0c0c0; }
ul.podmenu li a:hover { border:1px solid #9ba8bf; background-color:#dbe4f4; }
ul.podmenu li a.podmenu_active { font-weight:bold; background-color:#bfcce3; color:#000; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); }
ul.podmenu li a.dodaj { padding-left:30px; position:relative; }
ul.podmenu li a.dodaj:before { content: "\f067"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:14px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
ul.podmenu li a.koperta { background: url(./inc/image/wyslij.gif) no-repeat 0px 6px; padding-left:20px; }
ul.podmenu li a.konfig { background: url(./inc/image/sql_struktura.png) no-repeat 1px 4px; padding-left:20px; }
ul.podmenu li a.przegladaj { padding-left:30px; position:relative; }
ul.podmenu li a.przegladaj:before { content: "\f00b"; 
	font-weight: 900; color:#000;
	padding-left:10px;
	padding-top:-2px;
	font-size:14px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free"; }
ul.podmenu li a.nota { background: url(./inc/image/nota.gif) no-repeat 5px 3px; padding-left:25px; }

/* ===================================================================
                            border
   =================================================================== */
div.border { position:relative; background-color: #ffffff; border: 1px #dcdcdc solid; padding:15px 10px 10px 10px; margin:10px 0 15px 0; box-shadow: 2px 2px 3px rgba(100,100,100,.3); }
div.border > label:first-child:not(.not_label) { position:absolute; top:-10px; left:5px; font-size:.7rem; color:#fff; padding: 2px 10px 2px 25px;
	background-color:#c3c3c3;
	border-radius: 3px;
	display: block;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	white-space: nowrap;
	text-shadow: 1px 1px 1px #555;
 }
div.border > label:first-child:not(.not_label):before {
	content: "\f02b"; 
	font-weight: 900; /* solid fontawsome */
	padding-left:10px;
	font-size:11px;
	position:absolute;
	left:0px;
    font-family: "Font Awesome 5 Free";
}

div.border h3 { border-bottom: 1px solid #eee; font-size: 1.4em; margin-top:10px; }

div.border_1 { border: 1px solid #c1c1c1; overflow:hidden; margin: 10px 0; }
div.border_1 > h4 { background-color: #eee; font-size:1em; margin:0px; padding:5px; box-shadow: 0px 1px 2px rgba(180, 180, 180, 0.5); }
div.border_1 > div { background-color:#fff; padding:3px; }


/* =================================================================== */

#content_right { padding:10px; flex-grow: 1; background-color:#F1F3FA; position:relative; }
#content_right h1 { font-family: verdana; text-shadow: 1px 1px 1px rgba(100,100,100,0.5); font-weight:bold; font-size:1.8em; display: block; margin-bottom:25px; }
#content_right h2 { font-family: verdana; text-shadow: 1px 1px 1px rgba(100,100,100,0.2); font-weight:bold; font-size:1.3em; display: block; margin-bottom:5px; }

input[type=submit],
input[type=reset],
input[type=button],
button {
	cursor:pointer;
	border-right: #808080 1px solid;
	border-radius:2px;
	margin:4px;
	font-size:1.0em;
	padding: 1px 10px;
	border-top: #d0d0d0 1px solid;
	border-bottom: #808080 1px solid;
	border-left: #d0d0d0 1px solid;
	background: url("../inc/image/tlo_button.gif") top left repeat-x #bab8e8;
}
input[type=submit] { font-weight:bold; }
input[type=submit]:hover:focus:active,
input[type=reset]:hover:focus:active,
input[type=button]:hover:focus:active { padding: 1px 9px 1px 11px; }
input[type=submit]:disabled, 
input[type=button]:disabled,
input[type=password]:disabled,
input[type=text]:disabled { color:#a4a4a4; }
input[type=text],
input[type=number],
input[type=file],
select:not([multiple]),
input[type=password]
{
	margin:4px;
	padding: 1px 5px;
    border:1px solid #808080; 
	color: #000000; 
	border-radius:2px;
	font-size: 1.0em; 
	background-image: linear-gradient(#fff, #e3e2fd);
}
input.noBorder { border:0px; background: transparent; }
select:not([multiple]) { padding: 3px 5px; }
.select2-selection {
    border:1px solid #808080; 
	color: #000000; 
	border-radius:2px;
	background-image: linear-gradient(#fff, #e3e2fd);
}
.select2-selection__rendered { line-height:25px !important; }

input:focus,
select:focus,
textarea:focus {
	box-shadow: 0px 0px 3px #a12eff;
}
input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
	width: 16px;
	height: 16px;
	border:0; 
	background:transparent; 
	vertical-align:middle;
}

select > option {
	margin:0px;
	padding: 0px 0px;
	color: #000000; 
	font-size: 1.0em; 
}

select[multiple] > option {
	margin:0px;
	padding: 4px 5px;
	color: #000000; 
	font-size: 1.0em; 
}


textarea
{
	margin:4px;
	padding: 1px 5px;
    border:1px solid #808080; 
	color: #000000; 
	border-radius:2px;
	font-size: 1.0em; 
	background: #f9f9f9; 
}

/* =========== input labels */
.inputLabel { display:block; margin-left:4px; line-height:110% }
.inputLabel > input, .inputLabel > select, .inputLabel > textarea { display:block; margin-left:0px; margin-top:1px; line-height:1.5; }
/* ============================ */

/* autocomplete ikona ładowania */
.ui-autocomplete-loading {
	background: url("../inc/image/czekaj1.gif") right center no-repeat !important;
}

#window_popup { height:100%; }
#window_popup > div:first-child { z-index:100; position:fixed; bottom:0px; left:0px; right:0px; height:45px; padding: 5px; background-color:#fff; text-align:center; box-shadow: 0px 0px 15px rgba(100,100,100,0.5); }
#window_popup > div:last-child { padding: 10px 10px 75px 10px; background-color: #F1F3FA; height:100%; }


#content_left { background-color: #5a5a5a; min-width:245px; width: 245px; color:#fafafa; position:relative; }
#content_left a { color:#fafafa; }
#sidebar_menu, #sidebar_menu li, #sidebar_menu a { margin 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 13px; position: relative; }

#sidebar_menu > li > a {
    padding: 12px 10px 12px 10px;
    display: block;
    color: #fafafa;
    font-size: 14px;
	text-shadow: 1px 1px 1px #000;
}
#sidebar_menu li > ul > li > a { display: block; padding: 5px 10px 5px 10px; }
#sidebar_menu li > ul > li:hover { background-color:#403c3c; }
#sidebar_menu > li { border-bottom: 1px rgba(255,255,255,0.2) solid; }
#sidebar_menu .m_submenu_active { display:block; }
#sidebar_menu li > ul { display:none; margin-bottom:5px; padding-left:10px; }
#sidebar_menu li > ul > li { border-radius:1px; }
#sidebar_menu > li > a:hover {
	border-left: 6px #403c3c solid;
	padding-left: 4px;
	background-color: #504b4b;
}
#sidebar_menu .m_select_menu { background-color: #504b4b; }
#sidebar_menu .m_info { float: right; padding: 0.2em 0.6em; color: #fff; background-color: #fdaa26; margin-right: 10px; margin-top: 1px; border-radius: 3px; font-size: 10px; font-weight: bold; text-shadow: 1px 1px 1px #000; }
#sidebar_menu .m_angle_down { float: right; }
#sidebar_menu > li > a > svg { width: 20px; font-size: 16px; }

#header { 
	background: #004290;
	background: -moz-linear-gradient(top, #0056b7 0%, #004290 100%);
	background: -webkit-linear-gradient(top, #0056b7 0%, #004290 100%);
	background: linear-gradient(#0056b7, #004290); 
	height:50px; 
	color:#fff; 
	box-shadow: 0px 0px 8px #0e1011; 
	display: flex;
	justify-content: space-between;
	position:fixed; 
	right:0px; left:0px; 
	z-index:1000; 
}
#header .mobile_menu { display:none; font-size:2.7em; padding:0px 3px; margin-right:2px; cursor:pointer; background-color:#76aed7; height:30px; border-radius:3px; border:1px solid #91cae1; }
#header > .top-left { padding:3px; display:flex; }
#header > .top-left > div:last-child { margin-left:10px; }
#header > .top-left .nameCms { font-size:1.2em; font-weight:bold; text-shadow: 2px 2px 3px #222; }
#header > .top-left .nameSite { font-size:1em; text-decoration:none; font-weight:bold; }
#header > .top-left .nameSite a { color:#b7a0a0; }
#header > .top-left .nameCms .h_ver { font-size: 0.6em; font-weight: normal; color: #ddd; }

#header > ul { 
	padding: 0;
    list-style-type: none;
	font-size: 1.3em;
	list-style: none;
	display:flex;
	height:100%;
}
#header > ul > li {
	position: relative;
	display: block;
	float: left;
	border-left: 1px solid #339ccd; 
}
#header > ul > li.timeServer {
	font-size: 12px;
	padding: 6px 15px;
	text-align:center;
}

#header > ul > li > a {
	display: block;
	color: #fff;
	padding: 13px 20px;
	height: 100%;
}
#header > ul > li > a:hover {
	text-decoration:none;
	background-color: #006fa4;
}
#header > ul > li span.h_info {
	position: absolute;
	top: 5px;
	right: 16px;
	text-align: center;
	font-size: 0.5em;
	padding: 0;
	border-radius: 25px;
	width: 20px;
	line-height: 1.8;
	background: rgba(255, 150, 40, 0.8);
}

#header > ul > li span.h_warning {
	position: absolute;
	top: 5px;
	right: 16px;
	text-align: center;
	font-size: 9px;
	padding: 0;
	border-radius: 25px;
	width: 20px;
	line-height: 1.8;
	background: rgba(255, 0, 0, 0.8);
}

#header > ul > li span.h_big {
	right: 8px;
	width: 30px;
	border-radius: 10px;
}
#header .m_avater_admin { border-radius: 100px;
	overflow: hidden;
	display: inline-block;
	max-width:30px;
}

#content_main {
	flex-grow: 1;
	margin-top:50px;
	display:flex;
}


#footer { 
	background: #004290;
	background: -moz-linear-gradient(top, #004290 0%, #0056b7 100%);
	background: -webkit-linear-gradient(top, #004290 0%, #0056b7 100%);
	background: linear-gradient(#004290, #0056b7); 
	color:#fff; box-shadow: 0px 0px 4px #0e1011; text-align:center; padding: 5px 0; 
	z-index:1;
}

#admin_short { display:none; }

/* ============================================== OKNO CZEKANIA ======================================= */
#fullScreenPlsWait { opacity:0; position: fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:10000; background-color: rgba(255,255,255,0.85); font-size:26px; text-align:center }



/* ============================================== myMessageBox ======================================= */
.myMessageBoxBackground input[type=text] { width:95% !important; }


@media (max-width: 740px) {
	body:not(.noSmallFont) table, body:not(.noSmallFont) { font-size:10px; }
	#messagesOnTop { left:20px; }
	#header .h_nameuser { display:none; }
	#header img { height:35px; }
	#content_main { margin-top: 35px; }
	#header .m_avater_admin { height:20px; }
	#header > ul { font-size:13px; }
	#header { height:35px; line-height: 1.2; }
	#content_left { left:-245px; top:35px; bottom:0px; position: fixed; z-index:102; overflow:auto; }
	#header > ul > li.timeServer { display:none; }
	#header > ul > li > a { padding: 10px 12px; }
	#header > ul > li span.h_info { top: 2px; right: 5px; width: 15px; }
	#header > ul > li span.h_warning { top: 2px; right: 5px; width: 18px; }
	#header > ul > li span.h_big { right: 2px; width: 30px; font-size:6px; }
	#header .mobile_menu { display:block; }
	#sidebar_menu { margin: 0 0 25px 0; position:relative;  }
	#admin_long { display:none; }
	#admin_short { display:block; }
	div.secondMenu > ul li { padding: 2px; height: auto; }
	
	.dropdownMenu {
		position:absolute;
		right: 5px;
	}
	.dropdownMenu a {
		font-size: 14px;
	}
	
	.tasks-box {
		position:absolute;
		right: -75px;
	}
	
	.task-icon {
		font-size:21px;
	}
}


@media (max-width: 640px) {
		
	.borders_flex { display:flex; align-items: flex-start; flex-wrap: wrap; }
	.borders_flex > .border { min-width:350px; } 
	.borders_flex > .border:not(:last-child) { margin-right:0px; }
}