:root {
   --bg-color: #fff;
   --color: #161616;
   --color-invers: #000;
   --bg-color-menu: #f5f5f5;
   --bg-color-submenu: #E9E9E9;
   --bg-color-menu-howev: #dddddd;
   --color-ramka: #DDDDDD;
   --flex-color: #999999;
   --flex-color-active: #000;
   --flex-color-hover: green;
}

[data-theme="dark"] {
   --bg-color: #202124;
   --color: #eaeceb;
   --color-invers: #000;   
   --bg-color-menu: #202124;
   --bg-color-submenu: #404040;
   --bg-color-menu-howev: #333;
   --color-ramka: #5F6368;
   --flex-color: #888888;
   --flex-color-active: #ffffff;
   --flex-color-hover: green;
}

html {
   scrollbar-width: none;
}
body{
	margin: 0;
	padding: 0;
	font:12px/17px Arial, Helvetica, sans-serif;
	color: var(--color);
	text-align: center;
	background:var(--bg-color);
}
img{margin:0;padding:0;border:0;}
h1{ font:bold 16px/19px Arial, Helvetica, sans-serif; color:var(--color);}
h2{ font:bold 14px/16px Arial, Helvetica, sans-serif; color:var(--color); padding-top:8px;}
h3{ font:bold 14px/16px Arial, Helvetica, sans-serif; color:var(--color); padding-top:8px;}
h4{ font:16px/20px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify;}

ul{ padding:2px 0 2px 10px; margin:0;}
li{ text-align:justify; margin:0; padding:4px 0 4px 15px; list-style:none;}
p{font:12px/17px Arial, Helvetica, sans-serif; margin:8px 0; padding:0; color:var(--color); text-align:justify;}

a{ color:var(--color); text-decoration:none;}
a:hover{ text-decoration:underline;}
a, a:hover, object{outline:none;}

.menu li{ padding:0; }
.menu a {text-decoration:none;}
.menu img {vertical-align: middle;width:70%;}
a:hover{color:#1865E3;text-decoration: none;}
.tabela2 a:hover{color:#1865E3;text-decoration: none;}

#panel {
   background-color: #F2F2F2;
	font-weight: bold;
	color: #999999;
	font-size: 11px;
   text-align: center;
}
.vertical_nav { background: var(--bg-color-menu);}
.collapse_menu { color: var(--color); background: var(--bg-color-menu); }
.collapse_menu:hover { color: #1865E3; background: var(--bg-color-menu-howev); }
.toggle_menu { color: var(--color); background: var(--bg-color);  }
   

.menu--item a:visited{
   color: var(--color);
}
.menu--item a:link{
   color: var(--color);
}
.menu--item a:hover{
   color: #1865E3;
   background: var(--bg-color-menu-howev);
}



.menu--link:hover .menu--label{
   text-decoration: none;
   color:#1865E3;
   background:var(--bg-color-menu-howev);
}
.menu--link:hover,.menu--link:hover:after,.menu--link:hover .menu--icon  {
   text-decoration: none;
   color:#1865E3;
   background:var(--bg-color-menu-howev);
}
/*
.menu--link:hover,.menu--link:hover:after {
   text-decoration: none;
   color: var(--color);
   background:var(--bg-color-menu-howev);
}
*/



.menu--link .menu--label {
   text-decoration: none;
   color: var(--color);
   background:var(--bg-color-menu);
}
.menu--link .menu--icon {
   text-decoration: none;
   color: var(--color);
   background:var(--bg-color-menu);
}
.menu--link,.menu--link:after {
   text-decoration: none;
   color: var(--color);
   background:var(--bg-color-menu);
}

.menu--link .menu--subitens__opened{
   background: green;

}


.sub_menu--link__active{ background: var( --bg-color-submenu);}
.sub_menu--link{ 
   background: var( --bg-color-submenu);
}
.menu--item .sub_menu{padding:0;  background:var(--bg-color-submenu);}

@media  (min-width: 481px)  {
   .all{
      width:900px;
      margin:0 auto;
      text-align:left;
      background:var(--bg-color); 
      position:relative; 
   }

   .naglowek{ 
      float:left; 
      width:900px;  
      padding:0; 
      font-size:11px;
      background: var(--bg-color);
      color: var(--color);
   }

   .naglowek_fr{ 
      float:left; 
      width:900px;  
      padding:0; 
      font-size:11px;

      height:50px;
      position: fixed;
      top: 0;
      overflow: hidden;
      z-index: 99;
      background: var(--bg-color);
      color: var(--color);
   }
   .tresc_fr{
      padding-top: 50px;
      clear:both;
   }

   .tresc{
      padding-top: 0;
      clear:both;
   }
   #menu{
      min-height: 735px;
      /*position: fixed;
      left: 130px;
      overflow-y: auto;*/
   }

   .menu_bar{
      padding-right: 0px;
   }

   .panel_prawy {
      float:right; 
      width:100%; /*710px; */
      padding:0 0;
   }
   .portalMessage { margin-bottom: 20px;
      color: var(--color);
      background: var(--bg-color);
   }
	input[type="submit"].submit_small, input[type="button"].submit_small {
		  padding:2px 10px 2px 10px !important; 
        vertical-align: top  !important; 
        margin-left:10px !important;
        font: 10px/16px Arial, Helvetica, sans-serif !important;
	}
   input[type="submit"].submitform_green, input[type="button"].submitform_green {
		  padding:2px 10px 2px 10px !important; vertical-align: top  !important; margin-left:10px !important;font: 10px/16px Arial, Helvetica, sans-serif !important; background: green !important;
	}

}
/*  ====== MOBILE ======= */
@media (max-width: 480px)  {
   .all{
      width:100%;
      margin:0 auto;
      text-align:left;
      background:var(--bg-color); 
      color: var(--color);
      position:relative; 
    }

   .naglowek{  
      padding:3px 0px; 
      font-size:11px;
      background: var(--bg-color);
      color: var(--color);
   }

   .naglowek_fr{  
      padding:3px 0px; 
      font-size:11px;

      height:50px;
      position: fixed;
      top: 0;
      overflow: hidden;
      width:100%;
      background:var(--bg-color); 
      color: var(--color);
      z-index: 99999;
   }
   .tresc_fr{
      padding-top: 50px;
      clear:both;
      float: left;
      height:1000px;
   }

   .tresc{
   }

   #menu{
      position: fixed;
      min-height: 500px;
   }
   .menu_bar{
      padding-right: 10px;
   }
   
   .panel_prawy {
      display:block;
      float:left;
      clear:both; 
      width: 100%;
      padding:20px 10px 0 10px;
   }
   .portalMessage { margin-bottom: 10px;
      background: var(--bg-color);
   }

   .vertical_nav { max-height: 400px; background: var(--bg-color); }
	input[type="submit"].submit_small, input[type="button"].submit_small {
		  padding:2px 10px 2px 10px !important; vertical-align: top !important; margin-top:3px !important; width: 120px !important;
	}


}
.menu_bar li {font:bold 11px/11px Arial,Helvetica,sans-serif;float: left;padding:0 0 0 10px;}
.menu_bar a:hover{color:#1865E3;}
.menu_bar a{ font-size:11px;}
.menu_bar .menu--icon { width:5px; height:10px; padding: 0 20px 0 10px; line-height:10px;}

/*
input  {
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   border: 1px solid #999999;
}
*/
td {
   padding-left: 0px;
}

/*
select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    border: 1px solid #999999;
}
*/


.mmenu {
   font: bold 11px/14px Arial,Helvetica,sans-serif;
   padding: 0px 10px 10px 0px;
   text-transform: lowercase;
   float: left;
}

.mylink external {
      background: none;
}

a.external {
   background: none;
   padding: 0;

}



.portalMessage,
.system-message,  /* These two last ones are reST error indicators */
#error-handling {
    background-color: var(--bg-color);
    border: 1px solid #555555;
    color: var(--color);
    font-size: 11px;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 3em;
    vertical-align: middle;
    background-image: url(images/info_icon.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    text-align: center;

}
.portalMessage a {
    color: #555555;
    text-decoration: underline;
}

a.submitform1 {
	/*padding: auto;*/
	border: 2px solid #7CB4E6;
	background-image: none;
	background-color: #00529B;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.errorform {
    /* Class for error indication in forms */
    background-color: #FF5200;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 95% !important;
}
.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;
}

.field .field {
    margin: 1em 0 0 0;
}

.field label {
    font-size: 100%;
    font-weight: bold;
}

.upload_btn {

}
.upload_btn:hover {
   background: #003996;
}

.tab-1 {
	/*border-collapse: collapse;*/
   border-spacing: 0;
    border-collapse: 0;

}
.tab-1 td {
	padding: 3px 5px;
	border-bottom: 1px solid var(--color-ramka);
   color: var(--color);
}

.tab-1 th {
	padding: 3px 5px;
	border-bottom: 2px solid var(--color-ramka);
	font-size: 12px;
	font-weight: bold;
	color: var(--color);
	background-color: var(--bg-color);
}
.tab-1 .hl {
	background-color: #FAFAFA;
}


input[type="button"], input[type="submit"], input[type="reset"] {
   height: auto !important;
   /*font-weight: 600;*/
   color: #fff;
   letter-spacing: 0.2px;
   /*line-height: 20px;*/
   padding: 8px 10px !important;
   border: none;
   background: #1865E3 !important;
   vertical-align: middle;
   font: 12px/16px Arial, Helvetica, sans-serif !important;
}

input[type="button"]:hover, input[type="submit"]:hover {
   background: #003996 !important;
}

input[type="text"], input[type="password"], input[type="number"]{
   height: auto;
   font-size:14px;
   border: 1px solid var(--color-ramka);
   color: var(--color);
   background: var(--bg-color);
}

input[type="file"]  {
   height: 20px;
   color: #fff;
   letter-spacing: 0.2px;
   border: none;
   font: 10px/16px Arial, Helvetica, sans-serif !important;
   background: #1865E3;
   padding: 1px 2px 2px 3px;
   text-align: center;
   display: inline-block;
   vertical-align: middle;
}
input[type=file]::file-selector-button {
   margin: 0px 3px 0px 0px;
   border-radius: 0px;
   border:0px;
   height: 14px;
   font-size: 7px;
   vertical-align: middle;
 }
 


input[type='checkbox']:checked {background: #1865E3; color:#1865E3}
input[type='checkbox']:checked:after { background: #1865E3;  color:#1865E3} 
   
textarea{
   border: 1px solid var(--color-ramka);
   background: var(--bg-color);
   color: var(--color);
}

select{
   height: auto;
   font-size:14px;
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border: 1px solid var(--color-ramka);
   background: var(--bg-color);
   color: var(--color);
}

a.submitform:link,a.submitform:hover, a.submitform:visited{
   border: 1px solid var(--color-ramka);
   background: #dddddd;
   letter-spacing: 0.2px;
   color: #ffffff;
   padding: 8px 10px !important;
   text-decoration: none;
   display: inline-block;
   background: #1865E3;
   vertical-align: middle;
   text-align: center;
   height:auto !important;
   font: 12px/16px Arial, Helvetica, sans-serif !important;
   border: none;
}
a.submitform:hover {
    border:none;
    text-decoration: none;
    background: #003996;
    color: #ffffff;
}

.sort-icon {
   float: right;
   margin-left: 5px;
   margin-right: 7px;
   font-size: 1em;
   width: 2px;
 }

 .table-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }